跳至內容
快速・輕量

文章與工具,讓開發更快速

實用技術文章與可在瀏覽器直接使用的開發工具集中在一處。學習、驗證、實作一氣呵成,無需任何安裝設定。

工具介紹

查看全部
工具介紹
DevToolKits.app

JSON Schema 與 Zod 雙向轉換的原理|required 與 .optional() 的對應

解析雙向轉換器的實作:把 JSON Schema 轉成 Zod 結構定義,也把 Zod 程式碼轉回 JSON Schema。內容涵蓋 required 與 .optional() 預設值相反的陷阱、限制條件對照表,以及不執行程式碼就完成剖析的做法。

工具介紹
DevToolKits.app

從資料表設計自動產生 CREATE TABLE 語句的原理|DDL 產生器

解析 DDL 產生器的實作:以視覺化方式設計資料表並產生 CREATE TABLE 語句與 ER 圖。內容涵蓋 MySQL/PostgreSQL/SQLite 的型別轉換規則,以及從 JSON 範例推論欄位的演算法。

工具介紹
DevToolKits.app

如何用 SQL 建構器以視覺化方式組出 SELECT、JOIN 查詢

說明如何在瀏覽器中用視覺化 SQL 建構器組合 SELECT、WHERE、JOIN。涵蓋數值自動加引號的判斷原理、JOIN 使用時機對照表,以及多資料表 JOIN 的寫法。

工具介紹
DevToolKits.app

Case Converter ― camelCase、snake_case、kebab-case 等 9 種命名規則一次轉換

說明如何將識別字或變數名稱同時轉換成 camelCase、PascalCase、snake_case、CONSTANT_CASE、kebab-case 等 9 種命名規則。涵蓋連續大寫字母(HTTPServer)與數字的處理方式,以及多行批次轉換。

工具介紹
DevToolKits.app

LLM API 費用計算機 ― 在相同條件下比較 Claude、GPT、Gemini 的價格

只要貼上提示詞、輸入預估輸出 token 數,就能比較 Claude、GPT、Gemini 的 API 使用費用。說明輸入/輸出單價結構、費率自動更新機制,以及估算的侷限。

工具介紹
DevToolKits.app

AI 規則產生器 ― 一次表單生成 AGENTS.md、CLAUDE.md、Cursor Rules

說明如何一次生成 Claude Code、Cursor、GitHub Copilot、Windsurf、Gemini CLI 的規則檔案。涵蓋 AGENTS.md 標準的背景、各工具檔案格式的差異,以及以 AGENTS.md 為準的營運方式有何優點。

工具介紹
DevToolKits.app

LLM Token 計數器 ― 在瀏覽器中一次確認 Claude、GPT、Gemini 的 token 數

只要貼上文字,就能並列確認 Claude/GPT/Gemini 的 token 數。說明 token 的基本概念、各模型 tokenizer 的差異、為什麼中日文的 token 效率較差,以及估算值的侷限。

工具介紹
DevToolKits.app

IP/CIDR 子網路計算機 ― 一次算出網路位址、廣播位址與遮罩

說明如何從 192.168.1.10/24 這類 CIDR 表示法,計算出網路位址、廣播位址、可用主機數、子網路遮罩與萬用字元遮罩,並附前綴長度速查表。

使用案例

查看全部
使用案例
DevToolKits.app

curl 選項速查|-X、-H、-d 實際做了什麼與常見陷阱

整理實務上會遇到的 curl 選項:為什麼加了 -d 就已經是 POST、-d 與 --data-raw 的差別、開頭的 @ 會悄悄讀取檔案的陷阱、單引號與雙引號的取捨,以及為什麼 -k 和 -L 值得多想一下。

使用案例
DevToolKits.app

SQL 子句執行順序參考|為什麼 WHERE 看不到 SELECT 的別名

SQL 並不是照您撰寫的順序執行。以邏輯執行順序(FROM → WHERE → GROUP BY → HAVING → SELECT → ORDER BY → LIMIT)為主軸,說明別名為何在 WHERE 無法使用、WHERE 與 HAVING 的分工、ONLY_FULL_GROUP_BY、COUNT(*) 與 COUNT(欄位) 的差異,以及 LEFT JOIN 搭配 WHERE 的陷阱。

使用案例
DevToolKits.app

unified diff 格式閱讀指南|看懂 git diff 的 @@ 標頭

說明如何閱讀 git 產生的 unified diff 格式:@@ -12,7 +12,9 @@ 四個數字的意義、只改一個字元為何顯示成整行替換、空白與換行字元的陷阱、\ No newline at end of file、合併提交的 @@@ 組合式 diff,以及以 similarity index 推斷檔案更名。

使用案例
DevToolKits.app

UTC⇄JST 換算參考手冊|9小時時差對照表與時區踩雷指南

以對照表整理 UTC 與日本時間(JST)的換算,並說明與台灣時間(UTC+8)相差 1 小時的關係。內容涵蓋 ISO 8601 的 Z 與 +09:00、JavaScript 日期解析悄悄位移 9 小時的條件、MySQL/PostgreSQL 的時區行為,以及 GitHub Actions cron 一律以 UTC 執行的陷阱。

使用案例
DevToolKits.app

CREATE TABLE 參考手冊|MySQL、PostgreSQL、SQLite 的型別與約束差異

以跨資料庫對照表整理 CREATE TABLE(DDL)的寫法:型別對應表、自動編號(AUTO_INCREMENT / IDENTITY / rowid)的方言差異、外鍵的 ON DELETE 行為,以及 MySQL 會靜默忽略的 CHECK 約束。

使用案例
DevToolKits.app

GitHub Actions needs 設計模式集|加速 CI 的依賴關係組織法與反模式

以模式與反模式對照表整理 GitHub Actions 中 needs 所建立的 job 依賴關係。涵蓋 concurrency 取消重複執行、fail-fast 取捨、matrix 與 needs 組合的陷阱,以及可重複使用工作流程,並附上可直接複製的 YAML 範例。

使用案例
DevToolKits.app

Mermaid ER 圖語法完全參考|關聯符號與實戰範例

完整整理 Mermaid erDiagram 語法:烏鴉腳表示法的基數對照表、一對多與多對多的差異、含 PK/FK 的屬性定義,以及一個完整的電商範例。

使用案例
DevToolKits.app

SQL JOIN 完全參考|INNER、LEFT、RIGHT、FULL 的差異與結果列數觀念

以對照表與結果列數範例,完整整理 SQL 的 JOIN 種類(INNER/LEFT/RIGHT/FULL/CROSS/SELF)。說明一對多 JOIN 為何會使列數增加、WHERE 子句與 ON 子句在 NULL 判斷上的陷阱,以及多資料表 JOIN 的寫法。

本站目的

將技術知識與實用工具整合在一起,協助開發者縮短查找時間、專注於實作。

適合對象

適合重視工作效率的工程師、開發者,以及需要快速驗證的技術人員。

為什麼有用

文章與工具相互搭配,理解概念後即可立刻在瀏覽器中實際嘗試。

重視隱私的設計

輸入內容盡可能在瀏覽器內處理,讓您更安心地處理開發資料。

工具

AI・LLM

3項

開發與 DevOps

9項

資料轉換與 Schema

6項

安全與加密

5項

文字與程式碼輔助

5項

URL、QR 與網路

5項

設計與 UI

2項

日期與時間

3項