架構圖視覺化
基礎架構架構圖生成器
透過 GUI 操作即可建立系統架構圖或網路圖。即時生成 Mermaid 程式碼與圖片。
節點設定
連接設定
graph TB
Users["Users"]
LB["Load Balancer"]
App1["App Server 1"]
App2["App Server 2"]
DB[("Database")]
Users --> LB
LB --> App1
LB --> App2
App1 --> DB
App2 --> DB
最新文章
Story
2026-03-09
用遞迴解決 JSON 轉 TypeScript：不依賴第三方庫的強大之處
「從 API 回應中瞬間生成型別定義。介紹不使用外部解析器、僅憑遞迴演算法實現輕量且高速轉換的幕後故事。」
Read more →
Story
2026-03-09
將安全的 JWT 驗證環境帶入瀏覽器：從資安工程師的觀點出發
「為了安全地處理高敏感 Token。解說結合 jose 函式庫與本地處理機制的 JWT 工具設計思想。」
Read more →
Story
2026-03-09
讓 QR Code 生成更輕便、更安全
「結合 Canvas API 與 node-qrcode，在瀏覽器上同時實現即時生成與隱私保護的工具開發實錄。」
Read more →
Story
2026-03-09
資料不外傳最安心：瀏覽器端 Diff 工具的開發背景
「為了安全且快速地比較文字差異，我們採用了以隱私為最優先、僅在瀏覽器端運作的設計架構。」
Read more →
Story
2026-03-09
免用函式庫的時區轉換：Intl API 的真本事
「不依賴 Moment.js 或 date-fns，僅憑瀏覽器內建的 Intl API 實現輕量級時區處理的開發幕後。」
Read more →
Story
2026-03-03
SQL to ER 圖轉換工具開發秘話：對「瀏覽器端完結」的堅持
「介紹從 SQL 生成 ER 圖工具的開發背景，以及為兼顧安全性與便利性所面臨的技術挑戰。」
Read more →