JSON データから型定義へ

JSON から、
TypeScript へ。

JSON のサンプルから、プロジェクトで使える TypeScript のインターフェースや型エイリアスを生成します。

データはこのブラウザーの外に送信されません
JSON → TypeScript解析・推論・生成
入力 JSON0 文字
TYPESCRIPT
ここに生成されたコードが表示されます

型はサンプルから推論されるため、調整が必要な場合があります。

生成できます Ctrl + Enter で生成
TypeScript ガイド

JSON から TypeScript の型を生成

TypeScript の型はどう推論されますか?

JSON の各値を調べ、文字列・数値・真偽値・配列・入れ子のオブジェクトを TypeScript の型宣言に対応づけます。

省略可能なプロパティができるのはなぜですか?

配列内の一部のオブジェクトに存在しないプロパティには、生成されるインターフェースで省略可能を示す ? が付きます。

生成された型の確認は必要ですか?

はい。ひとつの JSON サンプルだけでは、API が返す可能性のあるすべてのデータを把握できません。本番で使う前に、null 値、空の配列、日付、識別子、業務固有のユニオン型を確認してください。

03 / コード

ひとつのサンプルから、
役立つ型定義を。

01

過度な推測を避けた型推論

文字列を日付・UUID・列挙型と決めつけず、わかりやすい型を生成します。

02

入れ子の構造に対応

オブジェクトごとに型を宣言し、配列内で省略されているプロパティを検出します。

03

注意点をわかりやすく表示

空の配列、null 値、精度が失われる可能性のある整数について通知します。