甘特圖是經典的專案管理工具。大專案經過層層拆解成小任務,繪製成直條,直條的長度代表所需時間,一眼就能看出專案各部分所需時間,以及瓶頸所在。
先前我們示範了流程圖和圓餅圖的畫法,甘特圖一樣是透過 mermaid 的語法完成的。所以一樣是撇撇撇(```),加上語法的關鍵詞「mermaid」。接下來請直接看筆記:
section
宣告一個區塊b2, after b1
方式來接續下一個任務(製作本範例過程中,沒有任何網站受到傷害。)
值得一提的是,mermaid 中的甘特圖,任務可以相依於多個任務,意思是,如果 CSS 要等切版和文案(只是舉例),就把被等候的任務全部寫進 after
後面,以空白隔開。
持平而論,圖愈複雜、需要的調整愈多,寫語法作圖會愈棘手,尤其不適合邊做邊調整。
然而在文件中,我們常常需要說明局部的情況、描述少數幾項事物之間的關係,那麼用純文字作圖反而容易維護,直接讀也多少讀得懂。用 HackMD 描述蓋巨蛋的專案期程可能有點瘋,但簡單規劃一下功能開發的進度,是完全沒問題的。