JSON 轉 TypeScript 型別
貼上 JSON 即可自動產生 TypeScript 型別定義。
工具會解析物件與陣列結構來推斷欄位與巢狀型別，
可直接貼到專案中使用。
所有處理都在瀏覽器完成，不會將資料傳送到伺服器。
JSON 轉 TypeScript 型別產生器
將 JSON 範例轉成 TypeScript type 或 interface，方便在 React、Next.js、Vue 等 TypeScript 專案中快速定義 API 回應、測試資料或 mock data 的型別。
常見用途
- 為 API 回應建立型別：從實際 payload 產生初稿。
- 文件化資料結構：將 JSON 結構轉成團隊更容易閱讀的型別。
- 快速原型開發：探索外部 API 時先建立基礎型別。
產生結果來自範例資料。optional field、null、混合陣列與錯誤回應仍需要手動檢查。
這個工具的相關文章
如何從 JSON 生成 TypeScript 型別：用實例學會轉換訣竅
將 API 回應的 JSON 轉換成型別安全的 TypeScript 介面，附實際轉換範例，涵蓋 null、陣列、巢狀、命名訣竅與手動微調。
JSON 格式化與驗證：安全檢查 API 回應的方法
了解如何格式化 JSON、找出語法錯誤、確認值的型別，並將 API 回應延伸成 TypeScript 型別、Zod Schema 或 OpenAPI 文件。
JSON 生態系統入門：用實例串起格式化、型別生成、驗證與 API 定義
以一個 API 回應為例，用實際程式碼串起格式化、TypeScript 型別、Zod 執行期驗證與 OpenAPI 定義，讓你看清型別安全 API 開發的全貌。
Recent Articles
CREATE TABLE 參考手冊｜MySQL、PostgreSQL、SQLite 的型別與約束差異
以跨資料庫對照表整理 CREATE TABLE（DDL）的寫法：型別對應表、自動編號（AUTO_INCREMENT / IDENTITY / rowid）的方言差異、外鍵的 ON DELETE 行為，以及 MySQL 會靜默忽略的 CHECK 約束。
從資料表設計自動產生 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 的寫法。