WNT-Know-how-20130412
Know-how

もう探さない!迷わない!ファイル&フォルダ管理法

thumbnail_b_direction_130412

年間約400件のプロジェクトを進行するビーワークスWEB制作部が、年々試行錯誤しながらたどり着いた、ファイル&フォルダ管理手法をご紹介します。


こんにちは、プランナーの川村です。
今日は、PCを使って仕事をする方の多くが悩まされるであろうファイルやフォルダの管理について、ビーワークスWEB制作部が試行錯誤の末にたどり着いた管理法をご紹介します!

そもそもWEB制作の現場では、企画書、サイトマップ、PSDデータ、htmlデータなど、さまざまな成果物・中間成果物を扱います。その上、それぞれのファイルについて、変更・修正の回数分だけバージョン違いのファイルが増えていく…となると、ファイルやフォルダの管理は、地味ながら、実はとても重要なミッションなのです。
特に、制作ボリュームの多い大規模案件や、多人数が関わるプロジェクトの場合、ファイルやフォルダの中身をメンバー同士で正しく共有できているかどうかは、品質や作業効率にも大いに影響します。

私がビーワークスWEB制作部に来てから、早いものでもう5年以上経ちますが、その間、メンバー同士より良い管理方法を提案し合いながら、チームで共有しやすいファイル&フォルダの管理・共有方法を整備してきました。今日はその中でも特におすすめのポイントを3つまとめてみました。


全プロジェクト共通!「基本フォルダセット」

ビーワークスWEB制作部では、制作に必要なデータは全て、ファイルサーバに切ったプロジェクトごとのフォルダで管理されていますが、全てのプロジェクトに共通して下記のフォルダセットを設置しています。

基本フォルダセット
  • 00_企画
  • 01_サーバ環境
  • 02_デザイン
  • 03_コーディング
  • 04_開発
  • 05_マニュアル
  • 06_チェックリスト
  • 10_クライアント概要
  • 11_入稿
  • 21_サイトマップ
  • 90_スケジュール
  • 91_お見積もり
  • 99_ドキュメント

先頭に番号がついているのがポイント。これによって、フォルダの並びを五十音順ではなく、制作プロセスに適した並びにコントロールすることができます。

ビーワークスWEB制作部では、00〜09 番台は制作工程ごとに、10〜19 番台は主にクライアントとのやり取り専用90〜99 番台は全体に関わるドキュメント系、という感じでざっくりと番号を分けています。もちろん、上記は基本セットなので、プロジェクトに応じて適宜必要なフォルダは、関連する番号で追加しています。

実は、私が入社した当初は、プロジェクトごとに担当ディレクターが独自でフォルダ分けをしていたため、プロジェクトが違えばフォルダ構成も違う、という、割と属人的な管理をしていました。(当時はメンバーも今よりかなり少なかったので、なんとかなっていましたが…)

現在では、全てのプロジェクトのフォルダセットを共通にすることで、どのメンバーでも、どのフォルダにどんなデータが格納されているかわかるので、例えば、プロジェクトチームに新しく担当者が加わるときにも、フォルダ構成を説明する手間が省けて進行がとてもスムーズになりました。


ネーミングは「YYMMDD」で時系列に並べる!

ファイルやフォルダに名前を付けるとき、その時の思いつきや、人それぞれの好みで無秩序に命名してしまうと、気付いた時にはフォルダの中はぐちゃぐちゃ、どれがいつのファイルだか判別しづらくなってしまいます。
無秩序に並んだフォルダ
ビーワークスWEB制作部で基本ルールにしている命名方法は

YYMMDDY:Year、M:Month、D:Date)」です。

例えば、2013年4月12日なら、「130412」となります。

この6桁の番号を、必ずファイル名の先頭に付けます。そうすることで、ファイルを名前順で並べた時に、きれいに時系列で並ぶようになります。
時系列に並んだフォルダ
時系列に整理することで

  • ログとして機能する(いつ入稿/制作されたか、など)
  • 先祖返りを防ぐ
  • バックアップデータを管理しやすい

など、いろいろなメリットがあります。


便利ツールで、ピンポイント共有!【for Mac】

例えばディレクターがデザイナーに対して、使用する画像素材を指示する場合、

メインビジュアルには下記入稿画像を使用してください。
/案件名/11_入稿/130412/image/jpg

のように、ファイルのパスで所在を共有しています。

このとき、非常に重宝しているのが「CopyPath.app」×「コマンド+Shift+G」の合わせワザ。それぞれ使い方(というほどでもないくらい簡単ですが)を紹介します。

ファイルのパスをコピーしてくれる!「CopyPath.app」

CopyPath.app」は、制作メンバーが愛用しているMac用のフリーツール。これをFinderに入れておけば、ファイルやフォルダを選択した状態で、CopyPathアイコンをクリックすると、クリップボードに参照パスをコピーしてくれるので、これをペーストして、作業指示と一緒に担当者に連絡することができます。
CopyPathの使い方
もっと詳しい使い方を知りたい方は「わかばマークのMacの備忘録」さんの記事が参考になります

わかばマークのMacの備忘録 : CopyPath
http://wakabamac.blog95.fc2.com/blog-entry-740.html

指定ファイルを一発参照!「コマンド+Shift+G」

例えば、ディレクターの指示を受けたデザイナーは、Finder上で、キーボードショートカットの「コマンド+Shift+G」を操作します。すると、Finderに以下のようなフォームが表示されます。
コマンド+Shift+G の使い方
このフォームに、共有された末端フォルダのパスをペーストすると、一発で指定のフォルダにたどり着けます!

『えーっと「案件名」の「11_入稿」の「130412」の「image」の中の…』と、フォルダをひとつひとつたどっていく必要はありません。正直、私はこの機能を知ったとき、これまでの時間は何だったんだー!とショックを受けました。特に、ビーワークスのメンバーは同時進行で複数プロジェクトに関わることが常なので、こういうちょっとした手間でも、毎日のことだと結構な負荷削減につながります。

ただ1つだけ注意点があって、この機能で参照できるのは「ファイル」ではなく「フォルダ」のみになります。ファイルは直接参照できないので、このショートカットを使うときは「フォルダ」を参照するようにしてください。(使っていれば、すぐに慣れると思います)

今回ご紹介した、①基本フォルダセットを整備する、②時系列で命名する、③ツールを使ってピンポイントで共有する。どれもちょっとした工夫ですが、一度ルールを作ってしまえば、以降の作業が格段にラクになりますよ。

thumbnail_b_direction_130412

記事が気に入ったらシェアしよう

この記事を書いたメンバー

川村 佳乃 プランナー/ディレクター

自分たちが生みだすモノや仕組みで、誰かをもっとワクワクさせたい。
そんな仕事のために、大事にしているのはお客様の商品を愛すること、だけど冷静にズケズケも言うこと。

成果につながるWeb制作を

成果につながるWeb制作を
ビーワークスのミッションは「デザインで世の中を動かすこと」。
出版物、販促ツール、WEBサイト、ゲームアプリなど、多用な領域でクライアントのビジネス拡大に貢献するデザインを提供する制作会社です。

記事の更新をお知らせします!

  • 採用情報

    採用情報

    記事を読んで興味を持った方、
    ビーワークスの考え方に共感した方、
    一緒に新しいデザイン、創りませんか?

  • 制作実績

    制作実績

    日々、制作実績を更新中!
    ビーワークスの多様な実績をぜひご覧ください。

  • 双子座
  • 蟹座
  • 獅子座