JSONからTypeScript変換

JSON オブジェクトや配列をオンラインで TypeScript インターフェースに変換。ネストした名前付き型、オプション・null 許容フィールド、即時出力。

生成されたコードがここに表示されます…

すべての変換はブラウザ内でローカルに実行されます。JSON がアップロードや保存されることはありません。

JSONからTypeScript変換ツールとは?

JSON サンプルをそのまま使える TypeScript インターフェースに変換するツールです。実際の API レスポンスを貼り付ければ、型付きモデルが即座に得られます。API クライアント、モック、設定ファイルに最適で、すべてブラウザ内で完結します。

JSON から TypeScript を生成する手順

JSON を貼り付け、必要に応じてルートインターフェース名を設定すると、右側にコードがリアルタイム表示されます。コピーしてプロジェクトに貼り付けるだけです。

型の推論方法

文字列は string、数値は number、真偽値は boolean に対応します。ネストしたオブジェクトは名前付きインターフェース、オブジェクト配列は 1 つの要素インターフェースにマージされ、プリミティブが混在する配列は string | number のようなユニオン型になります。

オプション・null・命名

一部の要素で欠けるプロパティはオプション(prop?)として出力され、明示的な null には | null が付きます。入力したルート名は ApiResponseItem のようにネストした命名にも使われます。

よくある質問

JSON を TypeScript インターフェースに変換するには?+
入力欄に JSON オブジェクトまたは配列を貼り付けるだけです。ネストしたオブジェクトは名前付きインターフェースになり、配列は単一の要素型にマージされ、ワンクリックでコピーできます。
ネストしたオブジェクトや配列はどう扱われますか?+
ネストしたオブジェクトはキー名に基づく独立したインターフェースになります(例:Root の items は RootItem)。オブジェクト配列はマージされ、一部の要素に存在しないプロパティはオプション扱いになります。
欠損値や null はどうなりますか?+
配列要素によって欠けているプロパティにはオプション修飾子(?)が付き、明示的な null には | null が追加されます。API が実際に返すデータに合わせた型になります。
JSON はサーバーにアップロードされますか?+
いいえ。すべての変換はブラウザ内でローカルに実行され、データの送信・保存・記録は行われません。

関連ツール

JSONからTypeScript変換 — 無料のオンラインjson to typescript, json typescript 変換, json インターフェース 生成, typescript 型 生成, json から typescript, typescript interface 自動生成, json ts 変換, json 型定義 生成, json to ts, typescript 変換ツール。会員登録不要。ブラウザで動作します。