>  > 【メーカー在庫あり】 ACパフォーマンスライン AC-PERFORMANCELINE フロントブレーキホース 05年-06年 CBR600RR 青/赤 32011533 HD店

【メーカー在庫あり】 ACパフォーマンスライン AC-PERFORMANCELINE フロントブレーキホース 05年-06年 CBR600RR 青/赤 32011533 HD店

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

【メーカー在庫あり】 ACパフォーマンスライン AC-PERFORMANCELINE ツィール フロントブレーキホース 05年-06年 CBR600RR 青/赤 32011533 ASAHINA HD店

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

 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、ディレクトリ、CSS エスペリア ダウンサス リア左右セット エブリイバン DA62V ESS-4784R ESPELIR DOWNSUS ダウンスプリング バネ ローダウン コイルスプリング【店頭受取対応商品】 プロジェクトμ D1スペック リア左右セット ブレーキパッド レガシィB4 BL5 R914 プロジェクトミュー プロミュー プロμ D1 spec ブレーキパット【店頭受取対応商品】 カードでポイント最大34倍 3/21(木)20:00~3/26(火)1:59迄 DUNLOP ダンロップ VEURO VE303 ビューロ サマータイヤ 225/60R16 MANARAY Final Speed GR-ガンマ ホイールセット 4本 16インチ 16 X 6.5 +38 5穴 114.3、Javascript 、Class・IDセレクタ)

1. 半角英数字の小文字のみを使用する
2. 機種依存文を使用しない
3. アルファベットからはじめ、数字で始まってはいけない
4. 意味のわかるファイル名にする
5. 極端な略語は避ける
6. 予約語、識別子と同じファイル名は避ける

▲ページトップへ戻る

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

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

▲ページトップへ戻る

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

1. 単語の区切りは「 _ 」(アンダーバー)を記述する
2. ページ名を英語化し アドヴィックスブレーキパッド■ADVICS ストリートスペック リア用 【品番:SS844-s】 トヨタ カローラ/フィールダー/スプリンターワゴン AE101G 91.06-00.08、

【メーカー在庫あり】 ACパフォーマンスライン AC-PERFORMANCELINE フロントブレーキホース 05年-06年 CBR600RR 青/赤 32011533 HD店

 
ACパフォーマンスライン AC-PERFORMANCELINE フロントブレーキホース
05年-06年 CBR600RR

フロント用
フィッティングカラー:ブルー/レッド
ホースカラー:クリア
フィッティング素材:アルミ
ホース素材:ステンレスメッシュ
取り廻し:T2タイプ
メッシュのブレーキホースに交換することで、ブレーキング時の効果がダイレクトに伝わるようになります。
スピードコントロールがしやすくなり、制動距離を短くすることも可能になります。
ACパフォーマンスラインは、車種別専用の設定だけではなく、ハンドル交換やキャリパー交換などで必要となるホース長の変更やバンジョー角度の変更にも対応しています。

【ACパフォーマンスラインの特徴】
1.リボルバー型ソケット
拳銃の輪胴部分をモチーフとしたリボルバー風デザインでアグレッシブなイメージを追及。複雑なスタイルながらも非常にコンパクトにまとまっています。
2.ポリエチレンカバー(通称パッチンスリーブ)
着脱可能なポリエチレンカバーでカシメ部分をドレスアップ。剥き出しになるカシメ部分を隠します。
3.ナイロンカバー
グッドリッジ社が、TUV規格をクリアするために採用しているパーツです。TUV規格は、ヨーロッパで最も厳しいとされる政府公認の認定規格。
4.カシメ式
純正ブレーキホースにも採用されるカシメ方式を内部構造として持ち、ストリートでの安全性を確保。、ステンレス製パーツの使用で耐久性の飛躍的に向上。
5.ホース構造
あらゆるブレーキホースに対応するインナーホースを、耐火性・耐腐食性の高いステンレスメッシュで保護。さらに外側をビニールコーティングすることで、耐磨耗性・耐摩擦性・クリーニング性を向上。
車種別ボルトオンキットには、ブレーキホース本体のほか各車両への装着に必要となるフィッティングパーツやボルト類が含まれます。

32011533
HD店

、ファイル名にする
3. ファイル名が長くなる場合は単語を1~2個に絞り簡略化する
4. 連番を振る場合は単語と数字を「 _ 」(アンダーバー)で区切る
例: example_02.html
5. 一連のフローとなるページは原則同じページ名に識別子を追加する
例: example_input.html ●送料無料●(離島等除く)●エスペリア●ダイハツ ミライース ダウンサス LA300S KF-VE3 H25/8~ 2WD 後期 / D / L / L SA / X / X SA / G SA リア、example_edit.html、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. 用途、使用場所がわかるような名称にする

識別子の一覧

ミックスイン _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、

【メーカー在庫あり】 ACパフォーマンスライン AC-PERFORMANCELINE フロントブレーキホース 05年-06年 CBR600RR 青/赤 32011533 HD店

、example_03.png...

▲ページトップへ戻る

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

フロントブレーキホース AC-PERFORMANCELINE 32011533 32011533 CBR600RR AC-PERFORMANCELINE HD店 【メーカー在庫あり】 05年-06年 青/赤 ACパフォーマンスライン

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-27740