JSON → TypeScript 型生成
JSONサンプルを貼り付けるとinterface・type定義を自動生成
도구를 불러오는 중…
🔒 すべてブラウザ内で処理されます。アップロードしたファイルや入力内容がサーバーに送信されることはありません。
APIレスポンスや設定ファイルのようなJSONサンプルを貼り付けると、その構造に合ったTypeScriptのinterfaceまたはtype定義を自動で作成します。ネストしたオブジェクトは別の型に分離し、配列内のオブジェクトのキーをまとめて、一部にしかない値はオプショナル（?）プロパティとして表示します。
使い方
- 変換するJSONサンプルを入力欄に貼り付けます。
- 最上位の型名を決め、interfaceまたはtype宣言の方式を選びます。
- 必要なら「exportキーワードを付ける」をオンにして、エクスポート形式にします。
- 生成された型定義を確認し、「型をコピー」でコードに貼り付けます。
よくある質問
- ネストしたオブジェクトや配列も処理できますか？
- はい。ネストしたオブジェクトはそれぞれ別のinterfaceに分離し、オブジェクトの配列は要素のキーを一つにまとめて型を作ったうえで、一部の要素にしかないキーはオプショナル（?）で表示します。値が複数の型ならユニオン（|）で表します。
- interfaceとtypeのどちらを選べばよいですか？
- ほとんどのオブジェクトの形には、拡張・マージに有利なinterfaceが無難です。ユニオン型のエイリアスが必要な場合や好みに応じてtypeを選んでもよく、結果はいつでも作り直せます。
- 入力したJSONはサーバーに送信されますか？
- いいえ。JSONのパースと型生成はすべてブラウザ内で実行され、入力した内容はサーバーに送信・保存されません。