Mermaid 語法教學|流程圖範例、語法速查與線上預覽
Mermaid 用純文字語法描述圖表,能將流程、系統互動與資料關聯轉成可預覽的圖形,也方便放進 Git 追蹤修改。本文提供流程圖、循序圖、類別圖、狀態圖、甘特圖、ER 圖、圓餅圖與心智圖範例,前段附上圖表類型速查,並說明 Markdown 的 mermaid 程式碼區塊與 .mmd 檔案有何差別。搭配線上編輯器即可練習、預覽與匯出,後續再依需求調整節點、箭頭和樣式,也能將範例交給 AI 協助修改,並自行核對流程與文字。
AI應用、程式筆記、開發心得
Mermaid 用純文字語法描述圖表,能將流程、系統互動與資料關聯轉成可預覽的圖形,也方便放進 Git 追蹤修改。本文提供流程圖、循序圖、類別圖、狀態圖、甘特圖、ER 圖、圓餅圖與心智圖範例,前段附上圖表類型速查,並說明 Markdown 的 mermaid 程式碼區塊與 .mmd 檔案有何差別。搭配線上編輯器即可練習、預覽與匯出,後續再依需求調整節點、箭頭和樣式,也能將範例交給 AI 協助修改,並自行核對流程與文字。
Google DeepMind 發佈 Gemma 4 開源模型家族,採用 Apache 2.0 授權,提供 31B Dense、26B MoE、E4B、E2B 四種尺寸。31B 在 Arena AI 排名開源模型第三,26B MoE 只用 3.8B 參數就達到接近表現。支援圖片、影片、語音多模態輸入,原生 function calling 與 agent 工作流,E2B 僅需 1.5GB 記憶體就能在手機和 Raspberry Pi 上跑。
使用 Claude Code 的時候,它經常會跳出一段指令問你要不要執行,但如果你不熟終端機,根本看不懂那串文字在做什麼,也不知道該按 Allow 還是 Deny。這篇文章會教你快速看懂指令的結構,並用紅燈、黃燈、綠燈分類法,幫你判斷 Claude Code 想執行的指令是否安全,從讀取檔案、安裝套件到 Git 操作,每一類都會告訴你該注意什麼。
2026 年 3 月底,Anthropic 在發佈 Claude Code npm 套件時意外夾帶了 source map 檔案,導致 512,000 行 TypeScript 原始碼全部曝光。安全研究員與開發者迅速從中挖出 token 消耗過快的 autocompact bug、Permission system 安全漏洞,以及 KAIROS 常駐代理、BUDDY AI 寵物等隱藏功能。這篇文章整理洩漏的原因、原始碼揭露的架構設計、已知 Bug、爭議功能。
2026 年 3 月,npm 上每週破億下載的 axios 與 PyPI 上 AI 熱門套件 LiteLLM 接連遭到供應鏈攻擊,惡意程式碼透過正常的套件安裝流程直接進入開發者的電腦,竊取憑證、植入後門。這篇文章會介紹什麼是套件管理器與供應鏈攻擊、拆解 axios 和 LiteLLM 兩起事件的攻擊手法與時間線,並提供 npm、pip、Maven、Gradle 開發者在 AI 時代可以馬上實踐的防範措施與工具推薦。
nano 是用於終端機的文字編輯器,適合在 Linux 與 macOS 修改設定檔或短腳本。本文先整理 Ctrl+O 存檔、Enter 確認檔名、Ctrl+X 離開的基本流程,再介紹安裝、搜尋取代、游標移動、剪下複製貼上與 undo/redo。macOS 內建編輯器和 Homebrew 安裝的 GNU nano 可能提供不同功能,文中說明如何查看版本與執行檔路徑,並附上快捷鍵對照、.nanorc 語法高亮與行號設定,方便依目前環境查找操作方式。
常在終端機工作的開發者一定遇過:SSH 斷線工作就消失、想同時看 log 和寫程式卻要開一堆視窗。tmux 是終端機多工器,能在一個視窗內管理多個 Session、分割畫面,斷線也能接回去。這篇從安裝到實用設定完整教學,還會解決在 tmux 中使用 Claude Code 時滑鼠滾輪失效的問題。
在 macOS 上用 CapsLock 切換注音和英語輸入法,常會遇到按了沒反應、要多按一次的情況。這是因為 macOS 內建了 CapsLock 防誤觸延遲機制,而且系統設定中沒有關閉選項。網路上常見的「調整重複前延遲」建議其實沒有用,因為那是不同的機制。透過 macOS 內建的 hidutil 指令,一行就能關閉 CapsLock 專屬延遲,搭配 LaunchAgent 還能開機自動生效。
AI 程式輔助工具這幾年變化非常快,從最早的自動補完、到 IDE 內的 Chat 助手、再到現在的 Agent 模式,每一代都讓開發者的工作方式有很大的改變。Anthropic 推出的 Claude Code 走了一條不同的路——它直接在終端機裡運作,能自己讀寫檔案、執行指令、管理 Git,就像一個住在 terminal 裡的工程師隊友。這篇文章會從安裝開始,一步步教學 Claude Code 的使用方式,到自訂指令、進階功能都會涵蓋。
GitHub Copilot 已經不只是自動補完程式碼的工具了,現在的 Copilot 支援 Agent Mode,可以理解整個專案的結構、自動執行指令、甚至幫你開 Pull Request。不過要讓 Copilot Agent 真正好用,關鍵在於告訴它你的專案長什麼樣子、該怎麼做事。這些設定都放在儲存庫的 .github 資料夾底下,本文會教學各個子資料夾的用途與設定方式,讓你快速上手 Copilot Agent。