Try   HackMD

甘特圖是經典的專案管理工具。大專案經過層層拆解成小任務,繪製成直條,直條的長度代表所需時間,一眼就能看出專案各部分所需時間,以及瓶頸所在。

先前我們示範了流程圖和圓餅圖的畫法,甘特圖一樣是透過 mermaid 的語法完成的。所以一樣是撇撇撇(```),加上語法的關鍵詞「mermaid」。接下來請直接看筆記:

建議 點雙欄模式 檢視原始語法。

  1. 宣告甘特圖
  2. 定義日期格式
  3. section 宣告一個區塊
  4. 給區塊的內容定義:任務名稱、開始日期、持續天數
  5. 如果有多個任務,可以模仿範例的 b2, after b1 方式來接續下一個任務
 06-01 07-01 08-01 09-01 10-01 11-01規劃 開工 線稿      切版      UX 測試		撰寫文案  測試 CSS  JavaScript  整合 我的厲害網站撰寫程式設計文案甘特圖

(製作本範例過程中,沒有任何網站受到傷害。)

值得一提的是,mermaid 中的甘特圖,任務可以相依於多個任務,意思是,如果 CSS 要等切版和文案(只是舉例),就把被等候的任務全部寫進 after 後面,以空白隔開。

持平而論,圖愈複雜、需要的調整愈多,寫語法作圖會愈棘手,尤其不適合邊做邊調整。

然而在文件中,我們常常需要說明局部的情況、描述少數幾項事物之間的關係,那麼用純文字作圖反而容易維護,直接讀也多少讀得懂。用 HackMD 描述蓋巨蛋的專案期程可能有點瘋,但簡單規劃一下功能開發的進度,是完全沒問題的。

參考資料