Web制作のプロジェクトひな型

新しい案件のたびに、同じ課題をまたゼロから作っている。「これ、前にも書いたな……」と思ったら、ひな型を作るチャンスです。

ひな型にすると、何がいいのか

Web 制作は、案件ごとに内容が違っても、流れはよく似ています。流れをひな型にしておくと、次のよさがあります。

• 抜け漏れが減る: 「公開前のバックアップ」のような、忘れやすい作業が入っている
• 立ち上げが速くなる: 最初の 1 日が、数十分になる
• やり方が、そろう: 誰が担当しても、同じ順番で進む
• 見積もりの根拠になる: 過去の作業量を、元にできる

この図は、ひな型にしたときの 4 つのよさです。

1抜け漏れが減る

忘れやすい作業が入っている

2立ち上げが速い

最初の 1 日が、数十分に

3やり方がそろう

誰が担当しても同じ順番

4見積もりの根拠

過去の作業量が元になる

ひな型に入れるもの

作業の一覧（課題）

段階ごとに、課題を並べます。

段階	ひな型の課題の例
ヒアリング	打ち合わせの準備、議事録の作成、お客さんの宿題の整理
要件定義	要件書の作成、合意の確認
設計・デザイン	サイトマップ、ワイヤーフレーム、デザイン案、お客さんの確認
コーディング	型の作成、ページごとの実装
テスト・公開	表示チェック、フォームの確認、バックアップ、公開、公開後の確認
納品	更新の説明会、資料の引き渡し、検収

たとえば、こんな画面です。課題のひな形を、プロジェクトの設定で登録します。

• 上の「テンプレートを追加」から、課題のひな形を足します。
• 下の「テンプレートとして保存」から、プロジェクトの形ごと保存します。

決まりごと

• ステータスの種類（未対応、処理中、確認待ち、完了）
• 課題の種別（タスク、バグ、依頼など）と、ラベル
• 役割（誰が、何を決められるか）
• 日付の置き方（マイルストーン）

たとえば、こんな画面です。ステータスの種類と並びを、プロジェクトで決めます。

• 「本流」に「未対応」「処理中」「確認待ち」「完了」が並んでいます。
• 「わき道」に、「中止」のように、本流に入らないステータスを置けます。

書式の見本

議事録、要件書、不具合報告の書き方も、ひな型にします。

ひな型は、育てるもの

作って終わりではありません。案件が終わるたびに、ふりかえりで「この作業は、いらなかった」「この確認が、足りなかった」を拾い、ひな型を直します。

この図は、ひな型を育てる流れです。案件が終わるたびに、ひと回りします。

1. 1作る
2. 2使う
3. 3ふりかえる
4. 4直す

ひな型を使うときの注意

ひな型は、そのまま使うものではなく、案件に合わせて、足したり、削ったりするものです。使うたびに、「この案件には、いらない作業はないか」を、最初に確認します。いらない作業は削り、足りない作業は足して、案件ごとの形にします。

まとめ

• Web 制作の流れは、案件が違っても、よく似ている。
• ひな型にすると、抜け漏れが減り、立ち上げが速くなる。
• 作業、決まりごと、書式の見本を入れる。
• 案件ごとに、ふりかえって育てる。

akamine でやるなら

akamine には、プロジェクトの形をそのままテンプレートとして保存し、新しいプロジェクトを作るときに使う機能があります。保存と、そこからの作り方は テンプレートからプロジェクトを作る の記事で説明しています。課題のひな形は 課題テンプレート の記事を見てください。

システム管理では、プロジェクトの設定ごと、ひな形にして使い回せます。

• 左のナビの「プロジェクトテンプレート」が選ばれています。
• 右上の「プロジェクトから作る」から、ひな形を作れます。

関連する記事

• Web制作の全体の流れ
• 案件がいくつも重なったとき
• トラブルのふりかえり