ガントチャートとは、プロジェクトのタスクを縦軸に、時間を横軸に配置した棒グラフ形式のスケジュール管理図。1910年代にヘンリー・ガントが考案し、100年以上経った今もプロジェクト管理の標準手法として使われている。作り方は5ステップ：タスク洗い出し→依存関係の整理→期間見積もり→チャート作成→進捗管理。Web制作では企画〜納品まで全工程を一目で把握でき、クライアントへの進捗報告にも最適だ。
ガントチャートとは
ガントチャートは、アメリカの機械工学者・経営コンサルタントのヘンリー・ローレンス・ガント（Henry Laurence Gantt, 1861-1919）が1910年代に考案したスケジュール管理手法だ。第一次世界大戦中にアメリカ軍の船舶建造計画で採用されたことで広まり、以来100年以上にわたってプロジェクト管理の基本ツールとして世界中で使われ続けている。
構造はシンプルだ。縦軸にタスク（作業項目）を並べ、横軸に時間（日・週・月）を取り、各タスクの開始日から終了日までを横棒（バー）で表現する。これだけで「誰が・何を・いつまでに」やるのかが一目でわかる。
なぜ今もガントチャートが使われるのか
アジャイルやカンバンなど新しい手法が登場しても、ガントチャートが廃れない理由は3つある。
- 視覚的にわかりやすい — 専門知識がなくても、クライアントや非エンジニアがスケジュールの全体像を瞬時に理解できる
- 依存関係を表現できる — 「デザインが完了しないとコーディングに着手できない」といったタスク間の前後関係を矢印で明示できる
- 進捗管理が直感的 — バーの塗りつぶし具合で、計画と実績のズレが即座にわかる
Point
フリーランスのWeb制作では「自分一人だからスケジュール管理は不要」と思いがちだが、実際はクライアントとの認識合わせ・素材の入稿タイミング・外注先との連携など、自分以外が関わる工程は必ず存在する。ガントチャートがあれば「今どこまで進んでいるか」をクライアントに即答できる。
ガントチャートのメリット・デメリット
ガントチャートは万能ではない。メリットとデメリットを正確に理解し、プロジェクトの特性に応じて使い分けることが重要だ。
| 観点 | メリット | デメリット |
|---|---|---|
| 可視性 | プロジェクト全体のスケジュールが一目瞭然 | タスク数が多い（100+）と見づらくなる |
| 依存関係 | タスク間の前後関係を矢印で明示できる | 複雑な依存関係はスパゲッティ状になる |
| 進捗管理 | 計画vs実績のズレが視覚的にわかる | 頻繁な変更があると更新コストが高い |
| 共有性 | クライアントや非技術者にも伝わりやすい | リアルタイム共同編集には専用ツールが必要 |
| 柔軟性 | ウォーターフォール型の計画に最適 | アジャイルのように頻繁にスコープが変わるプロジェクトには不向き |
| 学習コスト | 基本構造がシンプルで誰でも理解できる | クリティカルパスの特定にはPERT図の知識が必要 |
ガントチャートの作り方5ステップ
ガントチャートの作成は、以下の5ステップで進める。いきなりチャートを描き始めるのではなく、まずタスクの洗い出しと依存関係の整理が先だ。
ステップ1: タスクの洗い出し（WBS作成）
プロジェクトの成果物を階層的に分解し、必要な作業をすべてリストアップする。これがWBS（Work Breakdown Structure）だ。ガントチャートとWBSはセットで使うのが基本で、WBSで洗い出したタスクがガントチャートの縦軸になる。
- 大分類（フェーズ）→ 中分類（作業グループ）→ 小分類（個別タスク）に分解
- 1タスクは1〜5営業日で完了する粒度が理想
- 「デザイン」ではなくて「トップページデザイン」「下層ページデザイン」のように具体化する
ステップ2: 依存関係の整理
各タスクの前後関係を明確にする。依存関係には4種類があるが、Web制作ではFS（Finish-to-Start）がほぼ全てだ。
| 種類 | 意味 | Web制作での例 |
|---|---|---|
| FS（Finish-to-Start） | Aが完了してからBを開始 | デザイン確定 → コーディング開始 |
| SS（Start-to-Start） | Aが開始したらBも開始可能 | コーディングとテスト環境構築を同時着手 |
| FF（Finish-to-Finish） | Aが完了したらBも完了 | 全ページ実装完了とクロスブラウザテスト完了 |
| SF（Start-to-Finish） | Aが開始したらBを完了 | 実務ではほぼ使わない |
ステップ3: 期間の見積もり
各タスクに必要な作業日数を見積もる。フリーランスの場合、以下のポイントを意識しよう。
- 稼働率を考慮する — 1日8時間フルで1プロジェクトに使えることは稀。他案件・事務作業・営業活動を考慮して稼働率60〜70%で見積もる
- クライアント側の作業日数も入れる — デザイン確認・原稿入稿・素材提供はクライアント依存。「確認期間: 3営業日」のようにタスクとして明記する
- 3点見積もり法を使う — 楽観値（O）、最頻値（M）、悲観値（P）の3つを出し、
(O + 4M + P) / 6で期待値を算出する
ステップ4: チャートの作成
タスク・依存関係・期間が揃ったら、いよいよガントチャートを描く。Excel、Googleスプレッドシート、専用ツールのどれを使っても基本構造は同じだ。
- 縦軸: WBSの階層順にタスクを並べる（フェーズ→作業グループ→個別タスク）
- 横軸: カレンダー（日単位 or 週単位）
- バー: 各タスクの開始日〜終了日を横棒で描画
- 矢印: 依存関係のあるタスク間を線でつなぐ
- マイルストーン: 納品日・中間確認日など重要な節目をひし形(◆)で表示
ステップ5: 進捗管理と更新
ガントチャートは「作って終わり」ではない。プロジェクト進行中に定期的に更新し、計画と実績のズレを把握する。
- 実績バーを追加 — 計画バーの下に実績バーを重ねて表示し、遅延を可視化する
- 週次で更新 — 最低でも週1回はチャートを更新する。フリーランスなら金曜の夕方に5分で振り返るのがおすすめ
- ズレが出たら即リスケ — 遅延が発生したら後続タスクへの影響を即座に確認し、必要に応じてクライアントに報告する
Web制作プロジェクトの具体例
フリーランスWebデザイナーが、コーポレートサイト（10ページ）のリニューアル案件を受注した場合の具体的なガントチャートを見てみよう。プロジェクト期間は約2ヶ月（40営業日）を想定する。
| フェーズ | タスク | 期間 | 依存 | 備考 |
|---|---|---|---|---|
| 企画 | ヒアリング・要件定義 | 3日 | — | オンラインMTG 2回 |
| 競合調査・IA設計 | 2日 | ヒアリング後 | サイトマップ作成 | |
| クライアント確認 | 3日 | IA設計後 | ★マイルストーン: 企画承認 | |
| デザイン | ワイヤーフレーム（トップ+主要3P） | 3日 | 企画承認後 | Figmaで作成 |
| デザインカンプ（トップ） | 3日 | WF確認後 | 2案提出→1案選択 | |
| デザインカンプ（下層9P） | 5日 | トップ確定後 | ★マイルストーン: デザイン承認 | |
| 実装 | HTML/CSS コーディング（トップ） | 2日 | デザイン承認後 | レスポンシブ対応込み |
| HTML/CSS コーディング（下層9P） | 5日 | トップ実装後 | 共通パーツ先行 | |
| JavaScript実装・アニメーション | 3日 | CSS完了と並行可 | スライダー・ハンバーガー等 | |
| テスト・公開 | クロスブラウザ・レスポンシブテスト | 2日 | 実装完了後 | Chrome/Safari/Edge + iOS/Android |
| 修正対応・最終確認 | 3日 | テスト後 | クライアントFBへの対応 | |
| 本番公開・引き渡し | 1日 | 最終確認後 | ★マイルストーン: 納品完了 |
Point
上の例では合計35営業日だが、残り5営業日をバッファとして確保している。フリーランスの場合、クライアントの確認遅延や急な修正依頼は必ず発生する。全体の15〜20%をバッファとして確保するのが鉄則だ。
ガントチャート vs WBS vs カンバン
プロジェクト管理手法はガントチャートだけではない。WBS、カンバンとの違いを理解し、プロジェクトの性質に応じて使い分けよう。
| 比較項目 | ガントチャート | WBS | カンバン |
|---|---|---|---|
| 主な目的 | スケジュール管理（いつ・誰が・何を） | スコープ管理（何を作るか全体を分解） | フロー管理（作業の流れを最適化） |
| 表現形式 | 横棒グラフ（時間軸） | ツリー構造（階層分解） | ボード（列: To Do→Doing→Done） |
| 時間の概念 | あり（カレンダーベース） | なし（作業の分解のみ） | なし（フローベース） |
| 依存関係 | 矢印で明示できる | 表現しない | 表現しない（WIP制限で間接的に管理） |
| 向いているPJ | 納期が明確なウォーターフォール型 | 全PJの初期段階（タスク洗い出し） | 継続的な運用・保守、アジャイル開発 |
| フリーランス活用度 | 受託案件で非常に高い | 大型案件の初期フェーズで有用 | 複数案件の並行管理に便利 |
| クライアント共有 | そのまま見せられる（直感的） | そのまま見せられる（網羅性が伝わる） | 補足説明が必要な場合がある |
| 代表的なツール | Excel, Googleスプレッドシート, Asana | Excel, MindMap, WBSツール | Trello, Notion, GitHub Projects |
実際のプロジェクトでは、WBSでタスクを洗い出し → ガントチャートでスケジュールを組み → カンバンで日々の作業を管理するという組み合わせが最も効果的だ。3つは競合ではなく補完関係にある。
無料ツールでの作成方法
ガントチャートを作成する方法はいくつかある。プロジェクトの規模やチーム体制に合わせて選ぼう。
Excel / Googleスプレッドシート
最もシンプルな方法。条件付き書式でセルを色分けすれば、簡易ガントチャートが作れる。メリットはツール導入不要で誰でも編集できること。デメリットは依存関係の矢印が描けない点と、タスク数が増えると管理が煩雑になる点。小規模案件（〜20タスク）なら十分だ。
Notion / Asana / Backlog
SaaS型のプロジェクト管理ツール。ガントチャートビューを標準搭載しているものが多く、チームでのリアルタイム共同編集が可能。無料プランでも基本機能は使える。チーム案件やクライアントとの共同管理に向いている。
ToolShare Labのガントチャートツール
当サイトのガントチャートツールは、無料・登録不要・データをサーバーに送信しない100%ローカル処理。WBSからの自動生成に対応しており、サイト種別と開始日を入力するだけでWeb制作に最適化されたガントチャートが即座に完成する。CSV/Markdown/PNGでの書き出しにも対応。
| ツール | 費用 | 登録 | オフライン | 共同編集 | おすすめ場面 |
|---|---|---|---|---|---|
| Excel / Googleスプレッドシート | 無料 | Googleアカウント | Excelのみ | Googleのみ | 小規模・簡易管理 |
| Notion | 無料〜 | 必要 | 一部可 | あり | チーム案件 |
| Asana / Backlog | 無料〜 | 必要 | 不可 | あり | 中〜大規模チーム |
| ToolShare Lab | 完全無料 | 不要 | 可 | 共有リンク | フリーランスの受託案件 |
ガントチャート活用のコツ
ガントチャートを「作っただけ」で終わらせず、実際のプロジェクト管理に活かすための実践的なコツを7つ紹介する。
1. バッファは全体の15〜20%を確保する
フリーランスのWeb制作では、クライアントの確認遅延・素材の入稿遅れ・仕様変更が日常的に発生する。全タスクの合計工数の15〜20%をバッファとして最終工程の前に設けておくことで、納期に余裕を持てる。バッファを各タスクに分散させるのではなく、プロジェクトバッファとして一括確保するのがCCPM（クリティカルチェーン・プロジェクト・マネジメント）の考え方だ。
2. マイルストーンを3〜5個設定する
マイルストーンとは「成果物の確定ポイント」だ。Web制作なら企画承認・デザイン承認・実装完了・テスト完了・納品の5つが基本。マイルストーンをクライアントと事前に共有しておけば「いつ何を確認してもらうか」が明確になり、確認の催促もしやすくなる。
3. クライアント作業もタスクに含める
「原稿入稿」「デザイン確認」「フィードバック」など、クライアント側の作業もタスクとしてガントチャートに組み込む。これにより「クライアントの確認待ちで2週間止まっている」という状況が可視化され、納期遅延の責任が明確になる。
4. クリティカルパスを把握する
クリティカルパスとは、プロジェクト全体の最短完了期間を決定するタスクの連鎖のこと。クリティカルパス上のタスクが1日遅れると、プロジェクト全体が1日遅れる。ガントチャートでクリティカルパスを色分け表示しておけば、どのタスクに集中すべきかが一目でわかる。
5. 週次で振り返りの時間を確保する
フリーランスは週末の金曜日に10分だけ時間を取り、ガントチャートを更新しよう。実績を記入し、遅延があれば翌週の計画を調整する。この習慣だけで「気づいたら納期直前」というパニックを防げる。
6. 粒度は「1〜5営業日」に統一する
タスクの粒度が粗すぎると進捗が見えず（例: 「デザイン: 10日」）、細かすぎると管理コストが増す（例: 「バナー画像を書き出し: 0.5日」）。1タスク = 1〜5営業日で完了する粒度に統一するのがベストバランスだ。
7. テンプレートを作って再利用する
Web制作の工程は案件ごとに大きく変わらない。一度作ったガントチャートをテンプレートとして保存し、次の案件ではタスクの期間とマイルストーンの日付だけ調整すれば、毎回ゼロからスケジュールを組む手間が省ける。ToolShare Labのガントチャートツールなら、テンプレートの保存・復元が標準機能で使える。