>  > Brembo ブレンボ ブレーキパッド(単品) フロント ブラック MAZDA カペラ 型式CG2SR 年式94/7~97/7 品番P49 023

DIXCEL (ディクセル) リア ブレーキパッド X 1250555 BMW E34 HB20/H25/HD25/HE30/H35/HE40 520i/525i/530i/535i/540i 88/1~95

Brembo ブレンボ ブレーキパッド(単品) フロント ブラック MAZDA カペラ 型式CG2SR 年式94/7~97/7 品番P49 023

ディレクトリ構成やファイル名の命名ルールについて以下のように定めます。

Brembo ブレンボ ブレーキパッド(単品) フロント ブラック Auxiliary MAZDA スポルト カペラ 型式CG2SR 年式94/7~97/7 品番P49 023

ディレクトリの全体構造は以下のようになります。

 root
├  index.html //サイトTOP
├  page-name
│ ├ index.html //ページTOP
│ └ example.html
├  include //includeファイルを格納
├  example //カテゴリごとに画像フォルダを作成
│ ├ common //サイト共通で使用する画像を格納
│ ├ core
│ │ ├ sprite // スプライト画像の元になるpngを格納
│ │ └ icon // サイト内オリジナルのアイコンフォントの元になるsvgを格納
│ └ libs // IBJ共通の画像
├  js // javascriptファイルを格納
│ ├ core // フレームワークに使用しているjsを格納
│ └ libs // 変更不可であるプラグインを格納
├  css // cssファイルを格納
├  scss // sassファイルを格納
├  gulp // gulp関連のファイルを格納
├  partslist // partslistを格納 ※任意
└  config.rb // sass設定ファイル

 root
├  index.html // サイトTOP
├  common
│ ├ img
│ │ ├ base // サイト全体 大枠レイアウト用画像フォルダ
│ │ ├ header // サイト全体 ヘッダ用画像フォルダ
│ │ ├ footer // サイト全体 フッタ用画像フォルダ
│ │ └ parts // サイト全体 共通パーツ用画像フォルダ
│ ├ css // サイト全体 共通CSSフォルダ
│ └ js // サイト全体 共通Javascriptフォルダ
│ └ libs // サイト全体 共通Javascriptプラグインフォルダ
├  include // サイト全体 インクルードファイル用フォルダ
└  page-name
 ├ index.html // カテゴリトップページ
 ├ page-name.html // 中階層ページ
 ├ img // 各ページ単独 画像フォルダ
 ├ css // 各ページ単独 CSSフォルダ
 └ js // 各ページ単独 Javascriptフォルダ

▲ページトップへ戻る

2-2. 基本の命名規則(HTML 【送料無料】Weds(ウェッズ) REVSPEC PRIMES(レブスペック プライム) 品番:PR-Z124 フロント用 スズキ キャリィ DA62T '01/9~'02/5 Weds [ブレーキパッド 自動車]、ディレクトリ、CSS、Javascript 【プロスタッフ】テラノ&ダットサン ホイールスペーサー ホイールスペーサー35mm 貫通ナット付、Class・IDセレクタ)

1. 半角英数字の小文字のみを使用する
2. 機種依存文を使用しない
3. アルファベットからはじめ、

Brembo ブレンボ ブレーキパッド(単品) フロント ブラック MAZDA カペラ 型式CG2SR 年式94/7~97/7 品番P49 023,[#tong##]

■当店は正規輸入元からの正規品を販売しております。※以下、輸入元HPより抜粋 注)こちらの商品は仕入れ元直送品となります。 仕入れ元直送品のため、当店が商品出荷時に配信しているお荷物問合せ伝票番号が記載された「出荷案内メール」はお出しできませんので予めご了承ください。 備考:なし■ブレンボ ブラックパッドの特徴パフォーマンス初期制動を重視したヨーロッパフィーリングを継承したモデル。ブレーキ特性ストリートでの使用を重視し摩擦係数を高めに設定することにより初期の効きを高めています。ダスト量レッドシムパッドに比べ摩擦係数が高い為、ダスト量は少し多めですが水洗いで流せるレベルとなっています。耐フェード性適正温度0~600℃備考:《グレード》Z1上記備考に注記事項がある場合は以下をご確認ください。ない場合は特に確認の必要はございません。

、数字で始まってはいけない
4. 意味のわかるファイル名にする
5. 極端な略語は避ける
6. 予約語 、識別子と同じファイル名は避ける

▲ページトップへ戻る

2-3. ディレクトリの命名規則

1. 単語の区切りは「 - 」(ハイフン)を記述する
2. 連番は使用しない

▲ページトップへ戻る

2-4. HTMLファイルの命名規則

1. 単語の区切りは「 _ 」(アンダーバー)を記述する
2. ページ名を英語化し ラフアンドロード(ROUGH&ROAD) OutDryストレッチオーバーソックス BK-LL RR7917BK4【smtb-s】、ファイル名にする
3. ファイル名が長くなる場合は単語を1~2個に絞り簡略化する
4. 連番を振る場合は単語と数字を「 _ 」(アンダーバー)で区切る
例: example_02.html
5. 一連のフローとなるページは原則同じページ名に識別子を追加する
例: example_input.html、example_edit.html SPPS1 (株)弥満和製作所 ヤマワ 管用スパイラルタップPS型 SP-PS-1 HD店、example_finish.html

識別子の一覧

入力 _input
編集 _edit
確認 _conf
エラー _error
完了 _end
詳細 _detail
申込み _apply
決済 _regist
一覧 _list
検索結果 _search_result
0件 _none

▲ページトップへ戻る

2-5. CSSファイルの命名規則

1. 単語の区切りは「 _ 」(アンダーバー)を記述する
2. 使用場所がわかるような名称にする

▲ページトップへ戻る

2-6. SCSSファイルの命名規則

1. 単語の区切りは「 _ 」(アンダーバー)を記述する
2. module、mixinのファイルは識別子をつける
3. 用途 TYC 11-6438-00 Dodge アベンジャー Left リプレイスメント Tail ランプ (海外取寄せ品)、使用場所がわかるような名称にする

識別子の一覧

ミックスイン _mixin_
モジュール _module_
スプライト画像用の設定ファイル _sprite_

▲ページトップへ戻る

2-7. Javascriptファイルの命名規則

1. 単語の区切りは「 _ 」(アンダーバー)を記述する
2. 用途がわかる名称にする
3. 既存のライブラリをカスタマイズした場合は「 .custom 」をつける
例: example.custom.js
3. バージョンのあるライブラリはバージョンを消さずに使用する

▲ページトップへ戻る

2-8. 画像ファイルの命名規則

1. 単語の区切りは「 _ 」(アンダーバー)を記述する
2. 先頭に識別子をつける
3. 連番を振る場合は単語と数字を「 _ 」(アンダーバー)で区切る
例: example_02.png
4. 連番の1番目には数字をつけない
例: example.png、example_02.png、

Brembo ブレンボ ブレーキパッド(単品) フロント ブラック MAZDA カペラ 型式CG2SR 年式94/7~97/7 品番P49 023

、example_03.png...

▲ページトップへ戻る

2-9. class(セレクタ)の命名規則

カペラ 品番P49 MAZDA 型式CG2SR ブレーキパッド(単品) フロント ブラック MAZDA ブレンボ 年式94/7~97/7 023 Brembo ブラック

1. 単語の区切りは「 - 」(ハイフン)を記述する
2. クラス名の先頭に識別子をつける
3. javascriptのトリガとして使用する場合は「 js- 」を先頭につける
4. javascriptの制御でよく使うactiveフラグは「 is-active 」とする

フレームワークの命名規則

1. 通常はBEMを使用する
2. 共通モジュールはOOCSSを使用する

使用禁止のClass名

sprite-xxx スプライト画像に使用
icon-xxx アイコンフォントに使用
fi-xxx アイコンフォントに使用
fa-xxx アイコンフォントに使用
glyphicon-xxx アイコンフォントに使用
header アウトラインに使用
footer アウトラインに使用
contents アウトラインに使用
content 紛らわしい
main アウトラインに使用
side アウトラインに使用

▲ページトップへ戻る

2-10. URL(パス)について

1. rootパスで記述する
(例) <a href="/"> ⇒ TOPページ , <img src="/common/img/logo.png"> など
2. 絶対パスは http: を省略する
  • ※問題が起きた場合はhttp:から記述してもよい

▲ページトップへ戻る

2-11. 識別子について

見出し tit 画像 img
背景 bg バナー bnr
ボタン btn ロゴ logo
ナビゲーション nav

▲ページトップへ戻る

{yahoojp} {ibjapan.jp}
{yahoojp}jpprem01-zenjp40-wl-zd-67339