Articles
Technical articles and updates.
工具介紹 從資料表設計自動產生 CREATE TABLE 語句的原理｜DDL 產生器
解析 DDL 產生器的實作：以視覺化方式設計資料表並產生 CREATE TABLE 語句與 ER 圖。內容涵蓋 MySQL/PostgreSQL/SQLite 的型別轉換規則，以及從 JSON 範例推論欄位的演算法。
使用案例 GitHub Actions needs 設計模式集｜加速 CI 的依賴關係組織法與反模式
以模式與反模式對照表整理 GitHub Actions 中 needs 所建立的 job 依賴關係。涵蓋 concurrency 取消重複執行、fail-fast 取捨、matrix 與 needs 組合的陷阱，以及可重複使用工作流程，並附上可直接複製的 YAML 範例。
使用案例 Mermaid ER 圖語法完全參考｜關聯符號與實戰範例
完整整理 Mermaid erDiagram 語法：烏鴉腳表示法的基數對照表、一對多與多對多的差異、含 PK/FK 的屬性定義，以及一個完整的電商範例。
工具介紹 如何用 SQL 建構器以視覺化方式組出 SELECT、JOIN 查詢
說明如何在瀏覽器中用視覺化 SQL 建構器組合 SELECT、WHERE、JOIN。涵蓋數值自動加引號的判斷原理、JOIN 使用時機對照表，以及多資料表 JOIN 的寫法。
使用案例 SQL JOIN 完全參考｜INNER、LEFT、RIGHT、FULL 的差異與結果列數觀念
以對照表與結果列數範例，完整整理 SQL 的 JOIN 種類（INNER/LEFT/RIGHT/FULL/CROSS/SELF）。說明一對多 JOIN 為何會使列數增加、WHERE 子句與 ON 子句在 NULL 判斷上的陷阱，以及多資料表 JOIN 的寫法。
工具介紹 Case Converter ― camelCase、snake_case、kebab-case 等 9 種命名規則一次轉換
說明如何將識別字或變數名稱同時轉換成 camelCase、PascalCase、snake_case、CONSTANT_CASE、kebab-case 等 9 種命名規則。涵蓋連續大寫字母（HTTPServer）與數字的處理方式，以及多行批次轉換。
工具介紹 LLM API 費用計算機 ― 在相同條件下比較 Claude、GPT、Gemini 的價格
只要貼上提示詞、輸入預估輸出 token 數，就能比較 Claude、GPT、Gemini 的 API 使用費用。說明輸入／輸出單價結構、費率自動更新機制，以及估算的侷限。
工具介紹 AI 規則產生器 ― 一次表單生成 AGENTS.md、CLAUDE.md、Cursor Rules
說明如何一次生成 Claude Code、Cursor、GitHub Copilot、Windsurf、Gemini CLI 的規則檔案。涵蓋 AGENTS.md 標準的背景、各工具檔案格式的差異，以及以 AGENTS.md 為準的營運方式有何優點。
工具介紹 LLM Token 計數器 ― 在瀏覽器中一次確認 Claude、GPT、Gemini 的 token 數
只要貼上文字，就能並列確認 Claude／GPT／Gemini 的 token 數。說明 token 的基本概念、各模型 tokenizer 的差異、為什麼中日文的 token 效率較差，以及估算值的侷限。
工具介紹 IP/CIDR 子網路計算機 ― 一次算出網路位址、廣播位址與遮罩
說明如何從 192.168.1.10/24 這類 CIDR 表示法，計算出網路位址、廣播位址、可用主機數、子網路遮罩與萬用字元遮罩，並附前綴長度速查表。
使用案例 編碼、雜湊、加密的差異與使用時機：開發者最容易搞混的三件事
Base64 編碼、SHA-256 等雜湊、加密經常被搞混，但目的完全不同。用比較表與具體範例整理三者的差異，並說明各種情境下的正確選擇。
工具介紹 如何轉換 HEX、RGB、HSL 色彩並檢查對比度
轉換 CSS 色彩格式、用 HSL 調整色彩，並檢查前景／背景的對比度以打造易讀的 UI，並附範例。