JSON Formatter
JSONを整形して、読みやすくフォーマットします。バリデーション（構文チェック）も可能。
JSON to TypeScript Interface
JSONからTypeScriptのinterfaceまたはtype定義を自動生成します。ネストしたオブジェクト・配列・null対応。
入力データはブラウザ内で処理されます
データはサーバーへ送信されません
変換ツール
JSON to TypeScript Interface 変換ツールとは？
APIレスポンスや設定ファイルのJSONから、TypeScriptの interface または type 定義を自動生成するツールです。
ネストしたオブジェクトは個別のインターフェースとして展開され、配列は要素の型から推論されます。readonly・オプショナル・null表現など実務でよく使うオプションも備えています。
使い方
- 左側にJSONを貼り付けると、右側にTypeScriptの型定義が即座に生成されます。「サンプル」ボタンで動作を確認できます。
- 「ルート名」に生成するインターフェース名を入力します（デフォルト: Root）。
- 「プロパティをオプショナルにする」を有効にすると、すべてのプロパティに `?` が付きます。
- 「readonlyを付ける」を有効にすると、すべてのプロパティに `readonly` 修飾子が付きます。
- 「interface の代わりに type を使う」を有効にすると、`interface` の代わりに `type =` 構文で出力されます。
- 「null を | null で表現」を有効にすると、null値のプロパティを `unknown | null` 型として出力します。
よくある質問
ネストしたオブジェクトはどう変換されますか？
ネストしたオブジェクトは個別の interface として自動生成され、親の型から参照されます。依存関係の順番で出力されるため、そのままTypeScriptファイルに貼り付けて使えます。
配列はどう変換されますか？
配列内のすべての要素の型を調べて統一します。オブジェクトの配列の場合はすべての要素のキーをマージして1つの interface を生成します。
APIレスポンスのJSONをそのまま使えますか？
はい。ブラウザの開発者ツールなどからコピーしたAPIレスポンスのJSONをそのまま貼り付けることができます。
生成されたコードを編集することはできますか？
出力は読み取り専用テキストエリアに表示されます。「コピー」ボタンでクリップボードにコピーして、エディタで自由に編集してください。
同じカテゴリのツール
- JSON to Go StructJSONをGo言語の構造体（Struct）定義に変換します。型定義の自動生成に。
- JSON to Rust StructJSONをRust言語の構造体（struct）定義に変換します。serde属性・Option<T>対応。
- JSON to Java クラスJSONからJavaのクラス定義を自動生成します。ネストしたオブジェクト・配列・Lombok・Jackson対応。
- JSON to C# クラスJSONからC#のクラス定義を自動生成します。名前空間・JsonPropertyName・Nullable型・record構文対応。
- JSON to Python DataclassJSONからPythonのdataclassを自動生成します。Optional型・frozen・slots・from_dict()対応。