Top Page > ハッタリ超不定期通信 > 音楽系サイト作成支援 > ファイル管理のコツ
ある程度サイトの規模が大きくなってくると、ファイル管理が大変!
先を見越した計画的なファイル管理を!
サイト制作が進んできて、画像ファイルやサイトのページの数がどんどん増えてくると、ファイルがゴチャゴチャしてきて、あまりテキトーにファイル名をつけていると、後で、、、
ハタミちゃん

ハッタリ君


(笑)


そうならない為に!
どうすればいいのかしら先生!!!(笑)
ハタミちゃん

ハッタリ君

誰がセンセイだよ?(笑)


まぁある程度ファイルやフォルダの管理のコツはあるね。
オイラの場合は、
サーバー側のファイルの管理や並び方よりも、
どちらかといえばローカル側のファイルの管理が重要だと考えているんだ。
サーバー側をややこしいフォルダ構成にするとどのファイルがどのディレクトリにあるか解らなくなって、HTML文を書く時にURLの指定などが面倒になるので、できればサーバー側は複雑なディレクトリ構成にはしたくないんだよね。

とりあえず、
サイト制作の場合、
当然だけど、
まず、そのサイト制作の為にフォルダを一個作る

まぁ、ホント、当たり前ですね(笑)。

問題はそのフォルダをどのように構成していくか。

このサイトの場合は、2007年1月の段階では、



このような感じになっている。

なかなか神経質ね(笑)。
ハタミちゃん

ハッタリ君
まず、サイトをどんなサイトにするかにもよるけど、

さほど凝りに凝ったハイテクサイトでもない場合は、
大まかなファイルの種類として、

・HTMLファイル
・画像ファイル
・音声ファイル

に分かれるぐらいで、その中で、用途に応じて細分化したフォルダ構成にすれば、
自分でどのファイルがどこにあるかが探しやすくなる。

もっとハイテクなサイトの場合は上のファイルに加えて、

・スタイルシート
・CGI

などが加わるぐらいかなと。

よく考えたら、ウェブサイトっていうのは、文章と、絵と、音、
それの組み合わせみたいなもんだから、
きっちりファイルを整理していけば、ゴチャゴチャになってしまうことは防げるはずよね♪
ハタミちゃん

ハッタリ君
あと、フォルダの構成だけでなく、

ファイル名の付け方
にもある程度コツがあるんだ。

勿論これは人によって色んな考え方があると思うので、
何が正しいとはいい切れないけどね。

まず、連番の付け方。

例えば、

picture1.gif
picture2.gif
picture3.gif
picture4.gif

というような連続番号をつける場合、
上の例だとちょっとオシイ!

もし、連番が10を越えた場合、

ファイル名順に並べた時に、たまに

picture1.gif
picture10.gif
picture11.gif
picture12.gif
picture2.gif
picture3.gif

と並んでしまうことがあって気持ち悪い。

神経質すぎ!(笑)

男はワイルドにいくべきよ!(笑)
ハタミちゃん

ハッタリ君
そうもいってられないんだって(笑)

これはファイルが大量になればなるほど、
小さい気配りの積み重ねが大きく左右してくるんだ。

連番をつける時、
ある程度の先を見越した上で、

picture01.gif
picture02.gif
picture03.gif
picture04.gif
picture05.gif
picture06.gif


とやれば、100を越えない限り、完璧にキレイに並ぶ。

他のファイル管理法としては、管理するファイルの内容にもよるけど、

日付をファイル名に入れても、ファイル名がダブる事を防げるし、ファイルを検索しやすくなる。

19980701.txt
200701.txt
200702.txt
200703.txt


月別に記録をまとめるならこんな感じで。

日記のデータなどをバックアップしたりする場合は日付が確実だね。

さらに、もしその日付の日記に画像をアップしたとすれば、


20070103-g01.jpg
20070103-g02.jpg
20070103-g03.jpg


という感じにしていけば、
かなり能率よくファイルが管理できる。


まぁ確かにキレイに管理されていると気持ちもスッキリするわよね。
ハタミちゃん

ハッタリ君
そう!
どれだけ事務所が汚くても(笑)、
せめて!パソコンの画面の中だけでもスッキリさせるべき!(笑)

ファイルの乱れは心の乱れ!(笑)


とにかく、名前による並び方の規則に従って、
自分の意図したとおりにファイルが並ぶようにすることができれば、
サイト制作も能率も随分アップすると思うよ♪


連番とはまた別に、

色違いの画像が色々ある場合、

piano-black.jpg
piano-red.jpg
piano-aqua.jpg
piano-white.jpg


などにしても、連番よりも直感的にファイル名から中身が解りやすいかもしれない。
この並びを、黒が基本で、後、色んな色がある、という形で、
自分でコントロールしたい場合は、

[aqua]が一番上に来ないように、

piano-01black.jpg
piano-02red.jpg
piano-03aqua.jpg
piano-04white.jpg


とすれば、ソート表示の際の順序は意図したとおりになる。

色違いの画像がpianoだけにかぎらず、
壁紙にも色違いがある場合、しかも壁紙をpianoよりも上にもってきたい場合、

a1bg-01black.jpg
a2bg-02red.jpg
a3bg-03aqua.jpg
a4bg-04white.jpg
b1piano-01black.jpg
b2piano-02red.jpg
b3piano-03aqua.jpg
b4piano-04white.jpg



とするなどすればいいかも知れない。
ファイル名がややこしくなるのが嫌なら
フォルダを増やすのがいいかも知れないですが、
フォルダがゴチャゴチャになってもややこしいので、
まぁなかなか難しいですけどね(笑)。


ふうう…

その神経質についていけぬーーー…(笑)
ハタミちゃん

ハッタリ君
あとは、サイトの特定のページで表示する画像のファイル名を、
そのページのHTMLと関連づいたファイル名にすると、後で解りやすい。

fitness.html
というページに表示させる画像がいくつかある場合、

fitness-01-danbell.jpg
fitness-02-handgp.jpg

fitness-03-protein.jpg


とかにすれば、後々、そのページを作った頃の記憶すら薄れてきた時に、
そのページを激久に更新・修正しようなどと考えたとき、
適当にファイル名をその場しのぎでつけているよりかは、
後が楽だと思う。

確かに、そのページを制作している事で必死の時は、
頭の中がそれで一杯だから、テキトーにファイル名をつけたり更新しても、
頭が覚えていてなんとなくいけるんだけど、
後になってから、あのファイルはどこだっけ?
とかになると困るわよねぇ…
ハタミちゃん

ハッタリ君
あと、ファイルの順番の操作法として、

あえて前の方や一番後ろの方にそのファイルを常に置いておきたい場合、

前に置いておきたいファイルなら、

001-test.html
とか、
一番後ろにもってきたいファイルは、

zz-comments.txt


などにすると、意図通り表示位置を操作できると思う。


ふぅ〜、疲れたぁあぁぁぁ!(笑)
ハタミちゃん

ハッタリ君
以上!

まだまだ色んなコツがあると思うけど、
とりあえずカンタンに紹介してみました。

ほんと、ファイルの管理は日々の積み重ねです。


テキトーなことをして放っておくと、、、、



(笑)
ハタミちゃん



←Top Page  | 音楽系サイト作成支援:目次









































































































































































































































著作権について…このサイトで配信している音源、画像、文章などの著作権は、 全て管理人にあります。無断転載などはご遠慮願います。
Copyright (C) TAKAYA, All rights reserved.