Tarayıcınız güncel değil

Bu siteyi görüntülemek için tarayıcınızın veya cihazınızın işletim sisteminin güncellenmesi gerekiyor.

Your browser is out of date. Please update iOS or your browser to view this site.

メインコンテンツにスキップ
Gizke.com
ブログ

JSON から TypeScript 型を生成

端末内で動作し、何も送信されません。
宣言の形式

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 データやトークンも端末から出ません。

このツールを共有

ブログGizke.com についてお問い合わせ利用規約プライバシーポリシー