JSON → TypeScript
任意の JSON から TypeScript interface を生成——ネスト・配列・ユニオン対応,プロジェクトにそのまま貼付。
root must be a JSON object
このツールは完全にブラウザ内で動作します。データは端末から出ず、サーバーへアップロードされることはありません。
使い方
- 1JSON を貼り付け(API レスポンスが最適)。
- 2必要ならルート interface 名を変更。
- 3生成された型をプロジェクトにコピー。
JSON → TypeScript
API レスポンスの JSON を貼り付けると、即座に型定義を生成:ネストしたオブジェクトは命名 interface、オブジェクト配列は 1 つの形状にマージ、混合配列はユニオン型。ルート名は変更可能。
API 開発向け——レスポンスを貼って型をコピーすれば、形状の変化はコンパイラが検出します。
よくある質問
配列の扱いは?
オブジェクト配列は全要素のキーを 1 つの interface にマージします。混合型の配列は string | number のようなユニオン型に。空配列は unknown[] になります。
全フィールドが必須?
はい。単一サンプルでは任意性を証明できないため必須に。null や欠席を許すフィールドは手動で ? を付けてください。
関連ツール
JSON フォーマッター
乱れた JSON をオンラインで整形 — 2 スペース・4 スペース・タブに対応し、即時検証と正確なエラー位置表示。すべてブラウザ内で完結します。
すべてのツール →
JSON バリデーター
JSON を即時検証し、エラーの行と列を正確に表示。カンマ抜け・未引用キー・末尾カンマ・不正エスケープをリリース前に発見します。
すべてのツール →
JSON Diff
2 つの JSON をパス単位で比較——追加・削除・変更されたキーを前後の値つきで表示,すべてローカル処理。
すべてのツール →
JSON Path 検索
$.user.name や $.items[0].id のようなパスで JSON から任意の値を抽出——即時・寛容・jq 構文不要。
すべてのツール →
JSON ⇄ YAML 変換
JSON と YAML の双方向変換——設定ファイルそのまま、方向スワップで往復、エラーは箇所まで特定。
すべてのツール →
ツールを埋め込む
1 行であなたのサイトにツールを。訪問者のブラウザ内で動きます。
<iframe src="https://zoyku.com/ja/tools/json-to-typescript?embed=1" width="100%" height="640" style="border:0;border-radius:16px" title="Zoyku — json-to-typescript" loading="lazy"></iframe>