>  > 【送料無料】 205/55R16 16インチ BRANDLE-LINE ブランドルライン アヴェルサ 10Z 6.5J 6.50-16 DUNLOP ダンロップ エナセーブ EC204 サマータイヤ ホイール4本セット

Clazzio クラッツィオ プライム EH-2519 グレー オデッセイ ハイブリッド RC4

【送料無料】 205/55R16 16インチ BRANDLE-LINE ブランドルライン アヴェルサ 10Z 6.5J 6.50-16 DUNLOP ダンロップ エナセーブ EC204 サマータイヤ ホイール4本セット

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

【送料無料】 205/55R16 16インチ BRANDLE-LINE ブランドルライン キャラバンホーミー アヴェルサ JZS147 10Z 6.5J 6.50-16 DUNLOP ダンロップ エナセーブ EC204 サマータイヤ ホイール4本セット

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

 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 【クーポン利用で最大1200円OFF!】Rana(ラーナ) レーススプリング(直巻き) 1本I.D65mm 自由長200mm バネレート180N/mm(25.200.65.180)【直巻きサス】Aragosta(アラゴスタ)【通常ポイント10倍!】、ディレクトリ、CSS、Javascript 【エスペリア Espelir】レクサス RX450h 等にお勧め スーパーダウンサスType2 / フロント用左右セット 型式等:GYL20W 品番:ESX-3495F、Class・IDセレクタ)

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

【送料無料】 205/55R16 16インチ BRANDLE-LINE ブランドルライン アヴェルサ 10Z 6.5J 6.50-16 DUNLOP ダンロップ エナセーブ EC204 サマータイヤ ホイール4本セット超人気で品質は100%満足保証!


WORKS BELL (ワークスベル) ステアリングボス 品番:539 ダイハツ タント 型式:L350/360 年式:15/11~19/11 SRS


【送料無料】 205/55R16 16インチ BRANDLE-LINE ブランドルライン アヴェルサ 10Z 6.5J 6.50-16 DUNLOP ダンロップ エナセーブ EC204 サマータイヤ ホイール4本セット 【グループエム】K&N REPLACEMENT FILTER (エアーフィルター純正交換タイプ) MITSUBISHI ミラージュ 【 89.09-91.09 】 C82A ■ 4WD グレード: [排気量]1500 《 4G15 》 純正品番:MD620508

↓↓↓HKS エンジンオイル 52001-AK109 スーパーオイルプレミアムシリーズ SAE:0W-25相当 内容量20リッター 100%化学合成 86/BRZ 純正オイル同等粘度;UVカット IRカット フィルム オリジナル 製 スモーク リアドア AUDI アウディ A4 セダン B5 H07/10~H13/5 8DABC/8DADR/8DACKF/8DAGAF/8DAGA/8DAEBF/8DAAHF/8DAPT/ 8DAPUF/8DAPS/8DAPSF/8DAGBF G511-09スモーク 車種別 カット済み フィルム貼り 張替;MASTER PIECE ランドクルーザー 80系 アジャスタブルラテラルロッド, 19インチマークX130系 3.5LHOT STUFF シュティッヒ レグザス フューラー メタリックブラックポリッシュ/アンダーカットポリッシュ 8.0Jx19VEURO VE303 245/35R19, DUNLOP(ダンロップ) DIREZZA ディレッツァ ZIII ジースリー Z3 285/30R18 93W [180サイズ], [ホイール1本(単品)] CRIMSON / CLUB LINEA L566 KING LABEL (PWH) 22インチ×9.5J PCD:120 穴数:5 インセット:-2, RS-R デイズ B21W RSR SUPER DOWN サスペンション 駆動:4WD 排気量:660 TB フロントのみ 2本;RSR RS-R ダウンサス ミツビシ コルト Z27A 16/10~ FF Ti2000 DOWN B740TDR リアのみ RS-R ローダウン サス 【送料無料】 215/60R16 16インチ BRANDLE-LINE ブランドルライン カルッシャー ブラック 6.5J 6.50-16 ROADCLAW ロードクロウ RP570+(限定) サマータイヤ ホイール4本セット フジコーポレーション↓↓↓【国内正規品】SBEH007【税込】 セイコー プロスペックス スーパーランナーズ 東京マラソン2016記念 限定モデル スマートラップ メンズタイプ [SBEH007], 【最大600円クーポン 】【×3個】ロレアル ミシックオイル A 100ml《ヘアトリートメント ヘアオイル 洗い流さないトリートメント アウトバストリートメント トリートメント 美容室専売 サロン専売品》, 【600円クーポン】 『×3個』 パシフィックプロダクツ ガイヤール スーパーコントロール パックR 700g《ヘアマスク ヘアパック くせ毛 ダメージヘア トリートメント 美容室専売》, プロアクティブ リニューイング クレンザー(洗顔料)120ml 医薬部外品 3本セット, モンタルMontalePure Gold Eau De Parfum Spray 【海外直送】

225/60R17 サマータイヤ タイヤホイールセット 【送料無料】Verthandi YH-S25 17x7.0 +48 114.3x5 BK/POLISH + Dimax AS-8 (225-60-17 225/60/17 225 60 17)夏タイヤ 17インチ 4本セット 新品

↓↓↓↓↓↓


↓↓↓↓↓↓
↓↓↓↓↓↓

スタッドレスタイヤ ファルケン エスピア ダブルエース 165/65R15 81S & ヴェルヴァ イゴール 4.5-15 タイヤホイール4本セット 165/65-15 FALKEN ESPIA W-ACE, 【送料無料】 バッテリー BVシリーズ カローラ E-AE80 用 BV-40B19L ベーシックバリュー GSユアサ GS YUASA トヨタ TOYOTA カーバッテリー YUASA GS ユアサ 車 用 車 バッテリー交換 自動車用 ジーエス 国産車用 GSYUASA, YOKOHAMA ヨコハマ ブルーアース エース AE50 サマータイヤ 195/60R16 ブリヂストン BALMINUM ZR5 ホイールセット 4本 16 X 6.5 +38 5穴 114.3, 15インチデミオDE系 16インチ装着車WEDS レオニス NAVIA 05 ブラックミラーカット/ブラッククリア 5.5Jx15ZIEX ZE914F 185/55R15, 16インチ サマータイヤ セット【適応車種:ジェイド(FR4)】WEDS ライツレー ZM ブラックメタリックポリッシュ 6.5Jx16LEMANS V LM5 205/60R16

セントラル 樹脂ローラコンベヤJRU3808型100W×50P×2000L JRU3808-100520;WAREN/ヴァーレン W03 ホイール 1本 クラウン マジェスタ URS206 ( 235/50R17 7.0J P.C.D114.3 5穴 INSET 38 ガンメタリック (GM) ) 【純正】NISSAN MARCH ニッサン マーチ【K13 NK13】  マッドガード(1台分)【ナイトベールパープル】[F38E0-3HM3C] [Projectμ] プロジェクトμ ブレーキパッド レーシングN1 リア用 アルテッツァジータ JCE10W 01/7~05/7 3.0L 本州・北海道は送料無料 沖縄・離島は送料1000円(税別);【4本セット】 クムホ(KUMHO) ECSTA V710 245/35R18 【代引不可】 2本以上送料無料

【★送料無料】 210 ハイラックスサーフ ステンマフラー【ガナドール】ハイラックスサーフ 215W 4WD Vertex SUS 2.700cc 右シングル サークル;MICHELIN スタッドレス X-ICE XI3+ 195/60R16 & Septimo G01 DGP16×6.5 114.3/5H + 48 セレナ eパワー HFC27

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

▲ページトップへ戻る

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

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

▲ページトップへ戻る

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

1. 単語の区切りは「 _ 」(アンダーバー)を記述する
2. ページ名を英語化し 235/55R17 99V TOYO TIRES トーヨー タイヤ PROXES CF2 SUV プロクセス CF2 SUV Zamik Tito ザミック ティート サマータイヤホイール4本セット、ファイル名にする
3. ファイル名が長くなる場合は単語を1~2個に絞り簡略化する
4. 連番を振る場合は単語と数字を「 _ 」(アンダーバー)で区切る
例: example_02.html
5. 一連のフローとなるページは原則同じページ名に識別子を追加する
例: example_input.html、example_edit.html ホンダ CR-X/CR-Xデルソル 95.9~99.8 EJ4(ABS付車) ACRE(アクレ) ブレーキパッド レーシングプロ 259 フロント 左右セット ブレーキ アクレ パッド、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. 用途 ZOOM ダウンサス 1台分セット FIAT PANDA [パンダ] 141A2 1986/5~1999/12 1.0L ダウンフォース、使用場所がわかるような名称にする

識別子の一覧

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

【送料無料】 205/55R16 16インチ BRANDLE-LINE ブランドルライン アヴェルサ 10Z 6.5J 6.50-16 DUNLOP ダンロップ エナセーブ EC204 サマータイヤ ホイール4本セット

、example_03.png...

▲ページトップへ戻る

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

エナセーブ BRANDLE-LINE 16インチ アヴェルサ ブランドルライン アヴェルサ DUNLOP 205/55R16 EC204 【送料無料】 サマータイヤ ダンロップ 6.5J ブランドルライン ホイール4本セット 10Z 6.50-16

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