JSON から TypeScript
JSON サンプルから TypeScript の型や Zod スキーマを生成
- ファイルは端末の外に出ません
- ブラウザ内で処理
- 無料・登録不要・透かしなし
同じ配列内のオブジェクトはマージされます。一部の要素にないキーは省略可能になり、値の型が異なればユニオン型になります。同じ構造のオブジェクトは 1 つの型を共有します。
JSON から TypeScriptの使い方
JSON のサンプルから TypeScript の型、Zod スキーマ、JSON Schema を生成します。配列内のオブジェクトはまとめられ、欠けたキーは省略可能、型の違う値はユニオン型に。処理はブラウザ内で完結。
- 1
JSON のサンプルを JSON 欄に貼り付けるか、ファイルをドロップ、または「サンプル」を押します。
- 2
出力を TypeScript、Zod、JSON Schema から選び、「ルート型の名前」を入力します。
- 3
「null 値」の扱いを選びます。TypeScript では「宣言方法」で interface か type も選べます。
- 4
必要に応じて「日付文字列を検出」「readonly プロパティ」「余分なプロパティを禁止」を切り替え、結果をコピーまたはダウンロードします。
よくある質問
JSON は外部に送信されますか？
いいえ。型の生成はブラウザ内で行われるので、実データを含む API レスポンスも端末の外に出ません。
配列内のオブジェクトでキーがそろっていない場合は？
1 つの型にまとめられます。一部の要素にないキーは省略可能になり、値の型が異なるキーはユニオン型になります。同じ形のオブジェクトは 1 つの型を共有します。
「T | null」と「省略可能 + null」の違いは？
「T | null」はキーが必須で値に null を許します。「省略可能 + null」はキー自体の省略も許すので、null のフィールドを返さない API に向いています。
日付は判別されますか？
「日付文字列を検出」をオンにすると、ISO 8601 形式の文字列に TypeScript ではコメント、Zod では datetime の検証、JSON Schema では format が付きます。
コメントや末尾のカンマを含む JSON も使えますか？
使えます。入力は寛容モードでパースされるため、コメント、末尾のカンマ、JSON5 の構文も受け付け、その場合はメッセージでお知らせします。