ムダのないファイル整理方法とは?

現役Webディレクターによる「嫌われないウェブデザイン」秘密講座ブログ!

トップページ > ホームページ作成塾> ユーザビリティ >

ムダのないファイル整理方法とは?

あなたのWebサイトも、日々の更新を重ねるにつれてサイトの規模がどんどん大きくなっていると思います。大きくなると、「目には見えない」部分で、ちょっと厄介(やっかい)な問題が・・・。

あなたのサイトに訪れるお客さんにとっての問題ではありません。
サイトを作成・管理する「あなた自身」にとって不利益となる問題です。

どのファイルが、どこにあるのか分からない!?

サイトの規模が大きくなるということは、当然、HTMLファイルや画像ファイルの数も増えますよね。
そんなときに、整理しながらファイル名を決めていかないと、後になってトンデモナイことになってしまいます。

整理しやすいファイル名の付け方は?

例えば、以下5つの画像ファイルを同じフォルダに置くとします。

  • サイトのロゴ
  • 検索窓用のGoogleロゴ
  • ハードゲイの写真
  • 目玉商品"タミフル"の写真
  • ペットのチワワの写真

当然のことながら、ひとつひとつの画像ファイルにファイル名を付ける必要があるわけですが・・・
よく、以下のようにファイル名を付けてしまうケースを見かけます。
(↓右側の「xxx」がファイル名)

  • サイトのロゴ - 「sitelogo.gif」
  • 検索窓用のGoogleロゴ - 「google.gif」
  • ハードゲイの写真 - 「hardgay.jpg」
  • 目玉商品"タミフル"の写真 - 「tamifuru.jpg」
  • ペットのチワワの写真 - 「chiwawa.jpg」

このようにファイル名を付けた場合、どうなるか?
例えば、Windowsのパソコンでこれらの画像ファイルの入ったフォルダを開くと、ファイルは次のように並んでいます。

chiwawa.jpg
google.gif
hardgay.jpg
sitelogo.gif
tamifuru.jpg

すでに、プチカオス状態(笑)ですよね(^ ^;
このようなファイル名の付け方をしていると、グチャグチャになって破綻する日も、そう遠くはないかも(笑)

ファイルの数が5個だけなら、まだ救いはある(笑)
でも、このまま10個、50個、100個と増えたら・・・どうなるでしょう?

「あれ・・・あの写真の画像、どこだっけ??」
「どれが、ロゴの画像だっけ??」

もう、何がどこにあるのか、ワケ分からなくなりますよね(^ ^;

ファイルを「分類」しよう!

ファイル名を付けるのにも、ちょっとしたコツがあります。
そのひとつが、ファイルの種類を「分類」しながら、名前をつけていく方法。

例えば、上記5つのファイルは以下ように分類できます。

▼ロゴ関連の画像

  • サイトのロゴ
  • 検索窓用のGoogleロゴ

▼写真関連の画像

  • ハードゲイの写真
  • 目玉商品"タミフル"の写真
  • ペットのチワワの写真

この分類を、ファイル名に反映させると次のようになります。

▼ロゴ関連の画像

  • サイトのロゴ - 「logo_site.gif」
  • 検索窓用のGoogleロゴ - 「logo_google.gif」

▼写真関連の画像

  • ハードゲイの写真 - 「photo_hardgay.jpg」
  • 目玉商品"タミフル"の写真 - 「photo_tamifuru.jpg」
  • ペットのチワワの写真 - 「photo_chiwawa.jpg」

ファイル名の先頭に、それぞれのファイルの「種類」を付け加えました。

この場合、ファイルの並び順は以下のようになります。

logo_google.gif
logo_site.gif
photo_chiwawa.jpg
photo_hardgay.jpg
photo_tamifuru.jpg


いかがでしょうか?
これなら、ファイルもだいぶ探しやすいのではないかと思います。
少なくとも、「どの種類のファイルなのか?」は分かりますね(^ ^)


このエントリーのトラックバックURL :


メルマガ「嫌われないWebデザイン」
さらに突っ込んだデザインノウハウは、メルマガでお届けします!メルマガ読者限定の、サイト無料診断企画もたまにやってます。
>>バックナンバーを見る

登録アドレス:
解除アドレス:
Powered by まぐまぐ