JSONをTypeScriptに変換
JSONのサンプルからTypeScriptのインターフェースを生成します。
入力
結果
使用例
APIレスポンスの型をすばやく下書きする
サーバーから受け取ったJSONレスポンスの例を貼り付けると、そのままプロジェクトに使えるTypeScriptインターフェースの下書きが得られます。
ネストしたオブジェクトも自動で別のインターフェースに分割する
JSONの中に別のオブジェクトが含まれていると、そのフィールド名をもとに専用のインターフェースを作成し、すっきり整理します。
配列内オブジェクトのフィールドが異なる場合はオプショナルにする
配列内のオブジェクトごとにフィールド構成が少し違う場合、すべての要素に存在しないフィールドには自動で「?」のオプショナル表示が付いた1つのインターフェースにまとめられます。
よくある質問
入力したJSONはサーバーに送信されますか?
いいえ。すべての変換はブラウザ内でのみ行われ、入力した内容がサーバーに送信されることはありません。
生成されたコードはそのまま使えますか?
1つのJSON例だけから推論した結果のため、実際のデータが取りうるすべてのパターンを完全には反映できない場合があります。生成されたインターフェースは出発点として、必要に応じて調整してご利用ください。
日付の文字列もDate型として認識されますか?
いいえ。JSONには専用の日付型がないため、すべての文字列はstringとして扱われます。日付として扱いたい場合は生成されたコードを直接修正してください。
同じ形のオブジェクトが何度も出てくるとどうなりますか?
構造が同じオブジェクトは重複したインターフェースを作らず、1つのインターフェースを再利用します。