JSON → TypeScript インタフェース生成
TypeScript interface
使い方
JSON データを左側に貼り付けると、対応する TypeScript の `interface` 定義が右側に出力されます。ネストしたオブジェクトはそれぞれ独立した interface として展開され、配列の要素型も推論されます。ルート interface の名前は変更できます。
型推論のルール
JSON の値から TS 型を以下のように推論します:`null` → `null`、文字列 → `string`、数値 → `number`、真偽値 → `boolean`、配列 → 要素型の `T[]`(混在した場合はユニオン)、オブジェクト → 個別の interface。配列の要素オブジェクトは最初の要素から型を推論します。完全な型推論は TypeScript の構造的型システムを使う方が正確なので、本ツールは「最初の足場」を作る用途と割り切っています。
活用シーン
- REST API のレスポンス JSON から TS の型定義を起こすたたき台に
- 設定ファイルや YAML から JSON を経由して型を生成
- GraphQL なしで API レスポンスを型付けしたい場合
- 既存 JS コードを TypeScript に移植する際、データ型の足場作り
- スキーマレスな MongoDB ドキュメントのサンプリングから型を起こす
プライバシー
JSON のパースと型推論はすべてブラウザ内で完結します。入力したデータがサーバーに送信されることはなく、機密情報を含む JSON でも外部に漏れる経路はありません。