JSON→型定義生成ツール
JSONからTypeScriptのinterface / type定義を自動生成。ネスト構造や配列要素の型も推論します。
入力(JSON)
使い方
1
JSONを入力
APIレスポンスや設定ファイルなどのJSONを、テキストエリアに入力またはペーストします。
2
オプションを設定して生成
ルート型名・出力形式・optional・readonlyを指定し、「型定義を生成」ボタンを押します。
3
結果をコピー
生成されたTypeScriptの型定義をコピー、または .ts ファイルとしてダウンロードして利用します。
JSON→型定義生成ツールとは
JSONデータからTypeScriptのinterfaceまたはtypeエイリアスを自動生成するWebツールです。ネストしたオブジェクトは個別の型に分割し、配列の要素型も推論。複数オブジェクトを含む配列はキーをマージして欠損キーを任意プロパティとして扱います。すべての処理はブラウザ内で完結するため、機密データも安心してご利用いただけます。
機能・特徴
- ネスト構造に対応入れ子になったオブジェクトを個別のinterfaceへ自動分割。可読性の高い型を生成します。
- 配列要素の型推論配列の中身を解析し、要素の型を推論。混在する場合はユニオン型として出力します。
- optional / readonlyプロパティを任意(?)やreadonlyに切り替え可能。プロジェクトの規約に合わせられます。
- 完全ブラウザ完結JSONはサーバーに送信されません。すべての変換処理はあなたのブラウザ内で行われます。
活用シーン
- APIレスポンスのJSONからレスポンス型を作成
- 設定ファイル(JSON)の型定義を用意
- モックデータから型を起こしてフロント実装を高速化
- 外部サービスのWebhookペイロードの型付け
- TypeScript移行時の既存JSONデータの型化
よくある質問
このツールは無料で使えますか?
はい、完全無料でご利用いただけます。会員登録も不要で、ブラウザを開くだけですぐにお使いいただけます。
入力したJSONはサーバーに送信されますか?
いいえ。型定義の生成はすべてお使いのブラウザ内(JavaScript)で完結し、JSONがサーバーへ送信・保存されることはありません。
interfaceとtypeのどちらで出力できますか?
両方に対応しています。「出力形式」でinterfaceかtypeエイリアスを選択でき、ネストした型も選んだ形式で出力されます。
配列の要素の型はどう推論されますか?
配列の各要素を解析して型を推論します。すべてがオブジェクトの場合はキーをマージして1つの型にまとめ、一部にしか存在しないキーは任意(?)プロパティになります。型が混在する場合はユニオン型として出力します。
nullやネストが深いJSONも変換できますか?
はい。nullはnull型として扱い、ネストしたオブジェクトは深さに関わらず個別の型へ自動分割します。同名キーが衝突する場合は連番を付けて区別します。