開発・デバッグ支援
JSON → TypeScript変換
JSONサンプルからTypeScriptのinterfaceを自動生成します。ネストしたObjectやArrayにも対応し、処理はブラウザ内で完結します。
入力データはサーバーへ送信されませんインストール不要無料で使えます
生成される型定義は、入力したサンプルJSONからの推論結果です。実際のAPI仕様(省略可能な項目・nullになり得る項目・数値の範囲など)を保証するものではありません。生成後は必要に応じて見直してください。
TypeScriptコード
JSONを入力して「生成」を押してください。
このツールでできること
JSON → TypeScript変換の主な機能です。
- JSONサンプルからTypeScriptのinterfaceを自動生成できます
- ネストしたObjectを個別のinterfaceとして分離できます
- Array・Object配列・型混在配列を推論できます
- 識別子として使えないキーも引用符付きプロパティ名で安全に出力します元のJSONキーは変更しません
- 生成結果をワンクリックでコピーできます
手順を見る
- JSONを貼り付けます
- 必要に応じてルート型名を指定します既定は「Root」です
- 「生成」を押します
- 結果を確認し、「コピー」でクリップボードへコピーします
こんなときに使えます
こんな場面でJSON → TypeScript変換が役立ちます。
利用シーンを見る
- APIレスポンスのJSONからフロントエンドの型定義を素早く作りたいとき
- Node.js/TypeScriptバックエンドでリクエスト/レスポンスの型を揃えたいとき
- AIが生成したJSONサンプルから型を起こしたいとき
詳しい解説
詳しい解説を見る
型推論のルール
JSONの値をstring・number・boolean・null・object・arrayへ推論します。nullのみの値は根拠なく特定の型へ変換せず、他の値から型を推測できる場合のみ T | null のような表現を使います。空配列は要素型を推論できないため unknown[] とし、空Objectは Record<string, never> として出力します。
型名の衝突回避
同名のネストしたObjectが異なる構造を持つ場合でも、型名が衝突しないよう自動的に一意な名前を生成します。識別子として使えないJSONキーは引用符付きプロパティ名で出力し、元のJSONキーとの対応関係を保持します。
よくある質問
interfaceとtypeのどちらで出力されますか?
本ツールはinterface形式で出力します。
生成された型は実際のAPI仕様を保証しますか?
いいえ。生成される型定義は入力したサンプルJSONからの推論結果であり、実際のAPI仕様(省略可能な項目・nullになり得る項目・数値の範囲など)を保証するものではありません。
入力したJSONはサーバーへ送信されますか?
いいえ。型生成処理はすべてブラウザ内で完結しており、入力内容がサーバーへ送信されることはありません。