JSON → TypeScript変換

TypeScriptプロジェクトではAPIレスポンスや設定ファイルの型定義が必ず必要に なります。JSONを貼り付けるだけで、ネストオブジェクト、ユニオン型、 オプショナルフィールドに完全対応したインターフェースや型エイリアスが即座に生成されます。 APIレスポンス、設定ファイル、データベースレコードの型定義を手作業で書く代わりに、 生のJSONを貼り付けるだけで、正確ですぐに使えるTypeScript型をミリ秒単位で 取得できます。

このコンバーターはJSON構造全体にわたって再帰的に型推論を実行します。プリミティブ値は 対応するTypeScript型にマッピングされます — string、number、 boolean、null です。ネストされたオブジェクトは フィールドキーから名前が生成され、独自のインターフェースまたは型エイリアスとして 抽出されます（例えば、address フィールドからは Address インターフェースが生成されます）。配列は要素の型の一貫性が分析され、 混合型が含まれる場合はユニオン型が自動生成されます。空の配列は後で調整できるよう unknown[] がデフォルトになります。

すべての処理はブラウザ内で完結します。JSONデータが外部に送信されることは ありません — サーバーとの通信、ログ記録、入力に対するサードパーティの 分析は行われません。内部APIレスポンス、認証トークン、シークレットを含む設定 ファイルなど、機密性の高いペイロードにも安全にお使いいただけます。

追加オプションにより、プロジェクトのコーディング規約に合わせて出力を カスタマイズできます。interface と type エイリアス構文の切り替え、 部分型のためにすべてのフィールドを ? でオプショナルにする設定、 不変データ構造のために readonly モディファイアを追加する設定が 可能です。ルート型名は設定可能で、リネームなしでコードベースに直接統合できます。

1. 左側のJSON入力パネルにJSONを貼り付けるか入力します。
2. 入力に合わせて右パネルにTypeScript出力が自動更新されます。
3. ルート名フィールドでトップレベルの型名をカスタマイズします（デフォルト: "Root"）。
4. interface / typeトグルをクリックして、インターフェース宣言と型エイリアスを切り替えます。
5. **optional?**を有効にするとすべてのフィールドがオプショナルに、readonlyを有効にするとreadonly修飾子が追加されます。
6. CopyをクリックするかCtrl+Shift+Cを押して、生成されたTypeScriptをクリップボードにコピーします。