[心得] 三款好用的繪圖工具 (系統架構流程圖)
影片: https://www.youtube.com/watch?v=IgD_XAKwAyk
部落格: https://bit.ly/3eY1JWW
不管是長官還是同事甚至下屬，在公司無時無刻都需要跨團隊進行溝通，當系統架構或流程越來越複雜的時候，如果沒有按照當下情況記錄下來，對於未來接手的同事，或者是自己都會不小心忘記，而在記憶最清楚的當下用文字或流程圖記錄下來，對團隊及自己是有相當大的幫助。而有沒有工具可以快速畫出系統架構或流程圖？我們可以分幾種情境來討論。
第一種是程式碼架構流程圖，跟開發團隊一起開發功能時，開發者可以先將程式的流程圖先畫出來，跟團隊進行第一輪討論，避免實作下去時，考慮太少，多與團隊進行溝通，對自己是非常有幫助的。
第二種是專案剛開始，或發展到一定程度，需要將全部系統架構整理下來，團隊可能用
了 AWS 或 GCP 等服務，有一個全貌的系統架構圖，可以協助團隊釐清專案到底使用了哪些工具？讓剛加入的同事可以透過此架構圖快速了解並進入狀況。底下來介紹三套我個人蠻推薦的三種繪製工具。
1. PlantUML https://plantuml.com/
2. Diagrams https://www.diagrams.net/
3. Excalidraw https://excalidraw.com/
上面有三套好用的畫圖工具，我個人使用的時機不盡相同，如果是簡易的流程圖，我都直接用 Excalidraw 快速搞定，不想花太多時間進行繪製，尤其是時間很趕的時候。跨團隊或內部開發溝通時，我就會用 PlantUML，將開發流程描述清楚，避免在合作上面出現差錯，讓其他開發同仁產生誤會。到專案中期或後期，整體架構比較確定後，我會在用
Diagrams 繪製系統流程，讓團隊或長官可以更加了解專案的全貌。
--
AppleBoy Blog: http://blog.wu-boy.com
--
推 draw.io 好用
推
推
推
推
推
原來draw.io改名為diagrams.net @@
推
有在用 GitHub 的話可以直接畫 Mermaid diagrams
推DRAW.IO
推
我都用lucidchart
draw.io+figma基本就暢通無阻了
最近改用lucidchart 比較fancy
Mermaid有時候節點的位置會跑掉，我覺得不太方便
我都用miro，collaboration 好用
lucidchart 真的好用，就是貴了點
我覺得drawio蠻難用的 不知道是不是我太菜
樓上推薦用哪一套呢？
drawio推一個
Drawio推推
爆
[閒聊]遊戲開發者抱怨現在程式碼誇張膨脹「可能有99%的內容都是垃遊戲開發者Cliffski抱怨現在程式碼誇張膨脹「可能有99%的內容都是垃圾」 作為一名從事獨立遊戲設計和程式業務的開發者，克裡夫斯基（Cliffski）在一篇文章中 吐槽道 —— 這年頭的「程式碼膨脹」，已經到了令人髮指的地步。 他以自己常使用的一個雲端備份服務為例來說明，這個由某個大公司提供的雲端備份工具![[閒聊]遊戲開發者抱怨現在程式碼誇張膨脹「可能有99%的內容都是垃](https://i.imgur.com/afwPznBb.jpg "[閒聊]遊戲開發者抱怨現在程式碼誇張膨脹「可能有99%的內容都是垃")
爆
[爆卦] 試繪軟性封城政策流程(粗暴製圖)因為聽到很多新聞抓著「軟性封城」一詞一直罵 想說到底柯文哲說了什麼 依據版上網友說中天比較完整留下整段質詢的影片 （不然我平常沒在看中天的...）![[爆卦] 試繪軟性封城政策流程(粗暴製圖)](https://img.youtube.com/vi/-AOXu9-flmQ/mqdefault.jpg "[爆卦] 試繪軟性封城政策流程(粗暴製圖)")
67
[討論] 緯創資通徵5年以上的資深工程師才30k起?最近看到高雄緯創資通在大舉徵才 本來想說雖然是系統廠但也不會太差吧 但看到徵5年以上的資深工程師，待遇居然才30k起~最高70k 這會不會太扯? 看需求也不簡單耶 緯創資通徵5年以上的資深工程師才30k起?66
[分享] 富邦悍將流程圖演算法先附上流程圖 然後我們來看看執行的結果 這是一堂電腦課 國中有演算法課程（身為國中資訊老師表示：） 讓大家認識演算法 首先年份我們先看年份 請輸入2017 如果先輸入2017就會執行第一個流程圖 流程圖說明![[分享] 富邦悍將流程圖演算法](https://i.imgur.com/pDoFyUub.jpg "[分享] 富邦悍將流程圖演算法")
25
[情報] 開發團隊日記：隆重介紹Campfire！訓練家， 在6月的開發團隊日記中，我們訪問了一位工作人員，他在開發我們最新的社交功能，這將使Pokémon GO的溝通協調變得前所未有的容易！ 看一看Mikey說明我們如何設計這些新功能，它們怎麼加強面對面遊玩的體驗，以及Campfire未來會如何導入Pokémon GO。 -隆重介紹，Pokémon GO的產品經理Mikey25
[心得] 什麼是 gRPC，架構上為什麼要使用 gRPC影片： 由於上一支影片是介紹『三種好用的 gRPC 測試工具[1]』，這次就來錄製什麼是 gRPC，以及為什麼我們要導入此項技術 [1]: 由於團隊專案越來越多，共用的模組跟服務需求也越來越頻繁，故需要導入 gRPC 協定來 解決服務跟服務之間溝通的成本。用簡單的 10 分鐘來跟大家介紹什麼是 gRPC，以及![[心得] 什麼是 gRPC，架構上為什麼要使用 gRPC](https://img.youtube.com/vi/qEB3yFzETVs/mqdefault.jpg "[心得] 什麼是 gRPC，架構上為什麼要使用 gRPC")
14
[討論] 2周高速開發App的秘訣，CMoney從技術與2周高速開發App的秘訣，CMoney從技術與組織同時翻轉開發流程 在投資理財圈，有一家軟體科技公司2周就能推出一款新App，短短幾年推出超過80款App ，服務超過730萬會員，如何辦到？不只將核心數據引擎模組化和API化，以敏捷思維翻轉 瀑布式開發流程，更展開組織變革，改用矩陣組織和OKR目標管理，奠下快速開發的基礎 文/翁芊儒 | 2022-03-22發表![[討論] 2周高速開發App的秘訣，CMoney從技術與](https://s4.itho.me/sites/default/files/25_xiu_li_xiang_ting_jian_li_qing_chen_jian_wen_cmoney_20220308.jpg "[討論] 2周高速開發App的秘訣，CMoney從技術與")
3
[心得] 產品人的坑-wireframe與產品流程產品人的路也走有一段時間了，分享當初剛到新創時遇到的震撼教育供大家參考~ -- Medium好讀版： -- 前言![[心得] 產品人的坑-wireframe與產品流程](https://miro.medium.com/max/1200/1*YEY5ZHj70xmJ50Yyeb-gSA.jpeg "[心得] 產品人的坑-wireframe與產品流程")
4
[心得] 監控服務 Gatus 系統架構部落格: 投影片: 今年第一場公開的演講 2022 台灣雲端大會，台灣五月開始疫情變嚴重，故延遲了一次到 七月才舉辦，這次帶給大家的是『自動化監控網站運行服務 – Gatus』，內容可以拆為 兩個部分，第一部分是介紹為什麼要使用 Gatus，用來解決開發團隊哪些問題，我也整理![[心得] 監控服務 Gatus 系統架構](https://i.imgur.com/bG24JxHb.png "[心得] 監控服務 Gatus 系統架構")
![[情報] 開發團隊日記：隆重介紹Campfire！](https://lh3.googleusercontent.com/FugUwjOB45PFNQ482jd2_15ibCGxkPsYL5Ik97RwfRyZO-xMsQgRk6-UlcwpKapIWXC3imuBleEsT3PnxadE5Wt9R4t1M51_P69xb-Mc4848Yt4=s2400-rj "[情報] 開發團隊日記：隆重介紹Campfire！")