ネストが深いJSONも対応していますか？

はい。ネストされたオブジェクトは再帰的に解析され、それぞれ独立したinterfaceとして出力されます。キー名から適切なインターフェース名を推論します（例: usersキー → User interface）。

配列の要素が異なる型の場合はどうなりますか？

異なる型が混在する配列はユニオン型として出力されます。例えば [1, "hello", true] は (number | string | boolean)[] になります。オブジェクト配列の場合、全要素のプロパティをマージした型を生成します。

いいえ。すべての処理はブラウザ内のJavaScriptで完結します。入力されたJSONデータは外部に一切送信されないため、APIキーや個人情報を含むJSONレスポンスも安全に変換できます。

一般的に、オブジェクト型の定義にはinterfaceが推奨されます。declaration mergingが可能で、エラーメッセージもわかりやすい傾向があります。ユニオン型やマップ型など高度な型操作が必要な場合はtypeを使います。

開発者向け

JSONを貼り付けるだけでTypeScriptのinterface/typeを自動生成。ネスト構造・配列・null対応。export付与、readonly、optional null等のオプション付き。リアルタイム変換でコピー即利用。

サンプル:

JSON 入力

TypeScript 出力

// JSONを入力すると自動でTypeScript型が生成されます

使い方

APIレスポンスやJSONデータを扱うTypeScriptプロジェクトでは、JSONの構造に対応する型定義（interface / type）が必要です。手動で型を書くのは面倒でミスが起きやすいため、JSONを貼り付けるだけで自動的にTypeScript型を生成するツールが役立ちます。

本ツールはブラウザ内でJSONを解析し、ネストされたオブジェクト・配列・null・プリミティブ型を正しく推論してTypeScriptコードを出力します。サーバーにデータを送信しないため、機密性の高いAPIレスポンスも安全に変換できます。

オプション	説明
interface / type	interfaceキーワードまたはtype aliasで出力を切り替え
export	各型定義に `export` キーワードを付与
optional null	null許容フィールドを `field?: T` として出力
readonly	全プロパティに `readonly` 修飾子を付与
ルート名	ルートinterfaceの名前を指定（デフォルト: Root）

Q. ネストが深いJSONも対応していますか？: はい。ネストされたオブジェクトは再帰的に解析され、それぞれ独立したinterfaceとして出力されます。キー名から適切なインターフェース名を推論します（例: usersキー → User interface）。
Q. 配列の要素が異なる型の場合はどうなりますか？: 異なる型が混在する配列はユニオン型として出力されます。例えば [1, "hello", true] は (number | string | boolean)[] になります。オブジェクト配列の場合、全要素のプロパティをマージした型を生成します。
Q. 入力したJSONはサーバーに送信されますか？: いいえ。すべての処理はブラウザ内のJavaScriptで完結します。入力されたJSONデータは外部に一切送信されないため、APIキーや個人情報を含むJSONレスポンスも安全に変換できます。
Q. interfaceとtypeはどちらを使うべきですか？: 一般的に、オブジェクト型の定義にはinterfaceが推奨されます。declaration mergingが可能で、エラーメッセージもわかりやすい傾向があります。ユニオン型やマップ型など高度な型操作が必要な場合はtypeを使います。