Skip to main content

Gantt Project Timeline 範本

用途：專案時程、Roadmap、Phase 規劃、Release 排程

適用場景：

  • 「這個專案什麼時候做什麼」
  • 「各 Phase 的依賴關係」
  • 「SEO 恢復時程預估」

範本 1：基本專案時程​

狀態標記：

  • done — 已完成（灰色）
  • active — 進行中（藍色）
  • crit — 關鍵路徑（紅色）
  • milestone — 里程碑（菱形）

範本 2：含依賴關係​

關鍵技巧：

  • after X — 依賴另一個任務完成
  • after X Y — 依賴多個任務都完成
  • :milestone, after X, 0d — 里程碑（寬度 0）

範本 3：Roadmap 風格（多季度）​

使用時機：長期規劃、對外展示 roadmap。

範本 4：含已延遲標記​

使用時機：project retrospective、延遲分析。

客製化指南​

dateFormat 選擇​

格式範例用途
YYYY-MM-DD2026-04-15一般專案（推薦）
YYYY-MM2026-04Roadmap（月等級）
YYYY-Q2026-Q2年度規劃

axisFormat（X 軸顯示）​

格式顯示用途
%m/%d04/15短期專案
%Y-%m-%d2026-04-15精確日期
%Y-%m2026-04Roadmap
Week %UWeek 16週等級

Section 分類原則​

  • 依「團隊」分（dev、qa、ops）
  • 依「階段」分（plan、build、launch）
  • 依「優先級」分（critical、normal、nice-to-have）

一個 Gantt 圖 section 不要超過 5 個，太多會擁擠。

何時用 Gantt vs 其他​

情境用 Gantt用其他
明確時程 + 依賴✅—
只是步驟流程❌flowchart
狀態轉換❌stateDiagram
只是 checklist❌純 markdown - [ ]

Real-world 範例​

  • 既有：docs/projects/*.md 中的 Phase 規劃（多數用表格，可升級為 Gantt）

Anti-patterns​

❌ 每個 task 都 crit​

Task A :crit, 2026-04-01, 7d
Task B :crit, after a1, 7d

失去「關鍵路徑」的意義。

❌ 沒有依賴，只有時間​

Task A :2026-04-01, 7d
Task B :2026-04-08, 7d

看不出邏輯關係。改用 after：

Task A :a1, 2026-04-01, 7d
Task B :after a1, 7d

❌ Section 超多​

10 個 section → 拆成多張 Gantt（按 Quarter、按團隊）。