ディレクトリ の命名について

基本ルール

ビルドする前提です
CMSやフレームワークを使う場合は公式の推奨に従います
ページ関連
  • scr/pagesの中に入れる ※デプロイ方法がややこしくなる場合はこの限りではない
  • category.htmlなどではなく、category/index.htmlのようになるべく index.html とする
画像、CSS、JavaScript、Font関連
  • scr/assetsの中で管理する。
  • ↑ の直下にはimages,css,js,fontのフォルダに分けて管理します。
    • cssとしているがscssなども格納されます。scss,sassなどで命名に迷いが出るのを避けるためcssとします。

ソースの詳細

imagesの場合
  • imagesの直下にはcommon,pages,icon,bannerのフォルダに分けて管理します。
CSS(SCSS)の場合
  • cssの直下にはbase,config,pages,componentに分かれます。
    • vendorなどは作らずになるべくnode_moduleから読み込みます。
  • 最終的にstyle.scssで集約してコンパイルする形にします。
JavaScript
  • 最近は Vue,Angular,React といった JS フレームワークを使うことが多く、フレームワークに準じます。
  • ※どれもimportを活用する方法が多く、vendorなどのディレクトリをつくらず管理するようにします。