入出力データはサーバーに送信されず、どこにも保存されません。すべての処理はブラウザ上で完結します。

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 でも外部に漏れる経路はありません。