[心得] 設計流程及系統架構圖好工具 D2

[appleboy46 (小惡魔)]

部落格: https://bit.ly/3qbs09P
影片: https://www.youtube.com/watch?v=0xoxYBlrn2k


在之前寫過一篇『三款好用的繪圖工具來解決系統架構或流程圖』，內文介紹了
PlantUML、Diagrams 及 Excalidraw 三套不同的工具，而本篇要來介紹一套用 Go 語言
寫的工具 D2: Declarative Diagramming，這套工具可以讓你使用簡單的語法來繪製系統
架構圖或流程圖，並且可以將圖片轉換成 SVG 或 PNG 格式。在介紹之前，我來講講為什
麼要用這些流程圖工具，對工作上或團隊內部有什麼優點？

## 使用系統流程圖或系統架構圖帶來的好處?

1. 清晰的視覺化表示
2. 問題識別和改進
3. 溝通和協作
4. 系統設計和優化
5. 錯誤預防和問題追蹤
6. 系統文檔和培訓材料
7. 系統維護和升級
8. 規劃和預算控制
9. 項目管理和風險控制
10. 跨團隊協作
11. 標準化和重複使用
12. 潛在的錯誤和風險降低

## 影片

大家可以打開 cc 字幕

https://www.youtube.com/watch?v=0xoxYBlrn2k

00:00 好用的架構圖工具
00:48 什麼是系統流程圖
01:45 什麼是系統架構圖
02:59 帶來的優勢及好處
05:33 什麼是 D2
06:59 D2 設計原則
08:13 D2 特性及優勢
08:53 D2 的缺點
10:35 D2 流程案例 Demo

--
AppleBoy Blog: http://blog.wu-boy.com

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 60.244.123.129 (臺灣)
※ 文章網址: https://www.ptt.cc/bbs/Soft_Job/M.1685003182.A.6E6.html
推 KyuubiKulama: 感謝分享
推 alansyue: 感謝分享
推 ian90911: 感謝分享
推 eddieptt: 感謝分享
推 InfinitySA: 推 感謝!
推 megatw20: 推！
推 CoNsTaR: 難得有人分享 YouTube 竟然沒有整排怒噓的
推 Jungggin: 感謝分享
推 ericx790101: 謝謝分享
推 j50508: 謝謝分享 另外我推一款StarUML可以裝插件Code generation
→ j50508: 但只是先把殼子先給你，例如class之類的，實作要自己改XD
推 purplvampire: 感謝分享
推 quickbym1: Structurizr 來繪製 C4 Model 也是一種設計架構圖的好
→ quickbym1: 工具
推 terrybob: 感謝分享
推 XiaoChing221: 感謝分享
推 aakkssqq: 感謝分享
推 beckstrom991: 推高含金內容