JSON から TypeScript 型を生成
端末内で動作し、何も送信されません。JSON は端末から外に出ません。型はブラウザ内で生成されます。
宣言の形式
TypeScript
JSON を貼り付けると TypeScript の型が表示されます。
JSON を貼り付けると TypeScript の interface や type を生成。ネストしたオブジェクトに名前を付け、配列を統合し、省略可能なキーやユニオン型も推論します。
API のレスポンスや設定ファイルなど任意の JSON を貼り付けると、そのままコードに使える TypeScript の宣言が得られます。ネストしたオブジェクトはそれぞれ名前付きの interface になり、オブジェクトの配列は統合されます(一部の要素にないキーは省略可能に、型の異なる値はユニオン型に)。同じ形のオブジェクトは 1 つの宣言を共有します。interface か type か、export、readonly、省略可能キーの書き方を選んで、コードをコピーするか .ts ファイルでダウンロードできます。
よくある質問
ネストした型の名前はどう決まる?
そのオブジェクトがあるキー名を PascalCase にします。address オブジェクトは Address、users 配列の要素は User になります。異なる形が同じ名前になる場合は 2 つ目に番号が付きます(Item2)。
フィールドが省略可能やユニオン型になるのはなぜ?
配列では全要素を比較します。一部の要素にないキーは省略可能に、ある要素では数値・別の要素では文字列のキーは string | number になります。代表的なサンプルを使うと良い型になります。
日付・列挙値・空配列は?
JSON には日付型がないため日付は string のまま、決まった値の集合も string のままです。必要に応じて手で絞り込んでください。空配列は推論材料がないので unknown[] になります。
JSON はアップロードされますか?
いいえ。解析と生成はブラウザ内で行われ、サンプル内の API データやトークンも端末から出ません。