Mermaidガントチャート — プロジェクト計画

Mermaidのガントチャート

ガントチャートはプロジェクトスケジュールを棒グラフで表します。Mermaidのgantt構文では、タスク、期間、依存関係、マイルストーンをプレーンテキストで定義でき、コードと一緒に管理できます。

基本構造

gantt
    title Project Alpha Timeline
    dateFormat YYYY-MM-DD
    axisFormat %b %d

    section Planning
    Requirements gathering :a1, 2024-01-01, 14d
    Architecture design    :a2, after a1, 10d

    section Development
    Backend API           :b1, after a2, 21d
    Frontend UI           :b2, after a2, 28d
    Integration testing   :b3, after b1, 7d

主要な概念

• dateFormat は日付の解析方法を定義します（例：YYYY-MM-DD）。
• axisFormat はx軸での日付表示方法を制御します（例：%b %d = "Jan 15"）。
• section は関連するタスクを視覚的にグループ化します。

タスク構文

各タスクは以下のパターンに従います：

タスク名 : [ステータス,] [ID,] 開始, 期間または終了

ステータスキーワード：done（完了）、active（進行中）、crit（クリティカルパス）。

gantt
    dateFormat YYYY-MM-DD
    section Sprint 1
    User stories          :done, us1, 2024-01-01, 5d
    Development           :active, dev1, after us1, 10d
    Code review           :crit, cr1, after dev1, 3d

依存関係

after taskIdでタスクを連鎖させます：

gantt
    dateFormat YYYY-MM-DD
    Task A :a, 2024-01-01, 7d
    Task B :b, after a, 5d
    Task C :c, after a, 3d
    Task D :d, after b c, 4d

タスクDはBとCの両方が完了した後に開始します。これはジョイン依存をモデル化しています。

マイルストーン

マイルストーンは期間ゼロのタスクです：

gantt
    dateFormat YYYY-MM-DD
    section Launch
    Final QA         :qa, 2024-03-01, 5d
    Launch milestone :milestone, m1, after qa, 0d

ガントチャートは5〜20タスクで最もきれいに描画されます。大規模プロジェクトの場合は、フェーズやチームごとに複数のチャートに分割してください。