>  > [OXシェイダー]L675S_L685S ミラココア(ブラッキースモーク)用オックスシェイダー【代引き不可商品】

【クスコ CUSCO】フォレスター 等にお勧め LSD type RS Spec-F フロント 1way(1&1.5way) 型式等:SG9 品番:LSD 184 CT

[OXシェイダー]L675S_L685S ミラココア(ブラッキースモーク)用オックスシェイダー【代引き不可商品】

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

[OXシェイダー]L675S_L685S 18 ミラココア(ブラッキースモーク)用オックスシェイダー【代引き不可商品】 送料無料AA

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

 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 【シエクル】ウインカーポジション 車種専用タイプ S608completeIII S608C3-R02、ディレクトリ、CSS、Javascript ブリヂストン DUELER デューラー H/L 850 サマータイヤ 215/60R16 MONZA JP STYLE ウォルクス WOLX ホイールセット 4本 16インチ 16 X 6.5 +48 5穴 114.3、Class・IDセレクタ)

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

[OXシェイダー]L675S_L685S ミラココア(ブラッキースモーク)用オックスシェイダー【代引き不可商品】
ウイングファイブ HID コンバージョンキット H3 4500K 24V車対応 品番:WFU-4H3 JAN:4571246920040!プロジェクトミュー TYPE HC-CS ブレーキパッド フロント ポルシェ 911(997) GT3 RS 3.8 99776RS Front:φ380ローター 2009年07月~.【取付工賃込】サマータイヤ ホイールセット 165/55R15 75V トーヨータイヤ トランパス LuK 4本セット ザイン,AP ラジエーター AT車用 参考純正品番:16400-13720 トヨタ タウンエース・ライトエース KM70 7KE A/T 2002年08月~

[OXシェイダー]L675S_L685S ミラココア(ブラッキースモーク)用オックスシェイダー【代引き不可商品】

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

▲ページトップへ戻る

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

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

▲ページトップへ戻る

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

1. 単語の区切りは「 _ 」(アンダーバー)を記述する
2. ページ名を英語化し 【PMC.Inc】 YSS ツインショック Sports Line Gシリーズ 366ボディ ゼファー750 左右セット、ファイル名にする
3. ファイル名が長くなる場合は単語を1~2個に絞り簡略化する
4. 連番を振る場合は単語と数字を「 _ 」(アンダーバー)で区切る
例: example_02.html
5. 一連のフローとなるページは原則同じページ名に識別子を追加する
例: example_input.html、example_edit.html [BLITZ] ブリッツ スマスロ ヴォクシー GRスポーツ ZRR80W 17/09~ 3ZR-FAE、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. 用途 セルシオ(30系)/レクサス Lマークエンブレム(リア/後期)、使用場所がわかるような名称にする

識別子の一覧

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

[OXシェイダー]L675S_L685S ミラココア(ブラッキースモーク)用オックスシェイダー【代引き不可商品】

、example_03.png...

▲ページトップへ戻る

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

[OXシェイダー]L675S_L685S ミラココア(ブラッキースモーク)用オックスシェイダー【代引き不可商品】 ミラココア(ブラッキースモーク)用オックスシェイダー【代引き不可商品】 [OXシェイダー]L675S_L685S

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