web-dev-qa-db-ja.com

Webディレクトリに最適なフォルダー構造は何ですか？

私は長年にわたってWeb開発を行ってきましたが、これに似たWeb構造を常に行ってきました。

public_html/login.php
public_html/css/login.css
public_html/js/login.js
public_html/img/logo.png

私は他の人が使用するのを見てきました：

styles/login.css
images/logo.png

そして最近、同僚が好きなことがわかりました：

public_html/a/login.js   - application
public_html/s/login.css  - styles
public_html/i/logo.png   - images
public_html/p/photo1.jpg - photos
public_html/f/menu.swf   - flash

1バイトまたは2バイトを保存する以外に、これらのオプションのいずれかに利点または欠点はありますか？この概念にベストプラクティスはありますか？

cssjavascriptbest-practices
9
St. John Johnson

私はあなたの現在のシステムに固執しますが、私は自分自身とほぼ同じ名前を使用しているので、偏っているかもしれません。

3文字のフォルダー名を保持することは、意味を持たせるのに十分冗長ですが、URLを整頓するのに十分な簡潔さです。

各フォルダーを1文字に切り詰めるのはやり過ぎであり、mc10が指摘しているように、解釈が広く受け入れられています。たとえば、Javascriptファイルに「a」を選択することは決してありません。「動作」に「b」を選択します。私はどちらもより正しいとは思わず、命名スキームがどれほど曖昧かを指摘するだけです。

フォルダ名として「スタイル」と「画像」を使用することはまったく問題ありませんが、短い名前を使用する方がはるかに理にかなっています。そのフォルダーが参照される回数、すべてのファイル、すべてのURLおよび要求で、バイトが増え始めることを考えてください。確かに、短いフォルダー名を使用することで実際の帯域幅を節約できるとは思いませんが、取得できるすべてのビット（およびバイト）を使用します。

私は通常、これらのカップルのフォルダーに固執します：

  • js-Javascriptファイル
  • img-画像ファイル
  • css-CSSファイル
  • lib-出力を生成しないサーバー側スクリプト。ライブラリ、クラスなど.
  • doc-通常のページナビゲーションの一部ではない、OfficeドキュメントやPDFなどのバイナリファイル
6
Jacob Hume

CSSおよびJSフォルダーは、静的にコーディングされる可能性のある個々のサイト（HTMLのみ）には適していますが、CMSを使用する大規模なサイトには実用的ではありません。

CMSは、独自のフォルダー構造で「スタイル」フォルダーと「画像」フォルダーを使用しますが、通常はサブディレクトリー内に埋め込まれています。これはコンテンツをレイアウトする良い方法であり、多くのCMSに好まれています。

1文字のフォルダー名があると混乱します。一見すると、写真（p）と画像（i）の違いと混同していたでしょう。 "application"にaを使用することもわかりにくいようです。

2
kevinji

個々のファイルではなくcssとjsにフォルダーを使用するかどうかは、プロジェクトの範囲に完全に依存します。

複数のスクリプトまたはスタイルシートを持っているか、必要とする可能性がある場合、それらをフォルダーに整理すると、サイトの保守と管理が容易になります。

フォルダーを再度使用することにした場合、これらの長い名前または短い名前を付けることは個人的な好みです。

1文字の名前はバイトを節約し、少し見栄えがよくなりますが、私の経験では、サイトで作業している人が少数の場合、これは混乱を招く可能性があります。

1
ajcw

このメソッドを実行することもできます。

第一の方法：

  • / i/common /
  • / i/layout /
  • / i/lib /
  • / i/misc/docs/pdf /
  • / i/misc/docs/csv /
  • / i/misc/docs/txt /

注：各ファイルのmd5サマリーで名前を変更するのが最適です。

例：

  • /i/common/9df48e2cf2d25740e4ba54e8cd73b3a3.png、
  • /i/layout/2b33962041cb835c227bba27424a28af.css、
  • /i/lib/a8a2a48ddaa95527c6d3db763e2b7809.js、
  • /i/misc/docs/pdf/68aafcfe9aa1ab7d83a6ce8df302155e.pdf

2番目の方法：

  • / assets/common /
  • / assets/templates/template_name /
  • / assets/includes/js /
  • / assets/misc/pdf /
  • / assets/misc/csv /
  • / assets/misc/txt /

注：ファイルの名前をmd5文字列に変更する必要はありませんが、すべてのスペースをダッシュ​​/-に置き換える必要があります

例

  • /assets/common/uploads/2014/12/company-site-has-been-launched.jpg

3番目の方法：

  • / site/files /
  • /サイトのレイアウト/
  • / site/scripts /
  • / site/misc/docs/pdf /
  • / site/misc/docs/csv /
  • / site/misc/docs/txt /

備考：public_html "common"フォルダーのサブディレクトリでは、wordpressがアップロードを整理する方法と同じように、アップロードしたファイルに「uploads/2014/12 /」という名前の新しいサブディレクトリを作成できます。

1
js92