JSON → TypeScriptインターフェイス変換
JSONを貼り付けるとTypeScriptインターフェイスがリアルタイムで生成されます。ネストオブジェクトは別インターフェイスに分離、配列·null·混合型も正確に推論します。
JSON入力
TypeScript出力
使い方
1
JSONを貼り付け
左側にJSONデータを貼り付けてください。単一オブジェクト·配列·ネスト構造すべて対応。パースエラー時は位置が表示されます。
2
オプションを設定
ルートインターフェイス名、全フィールドオプショナル化、キー並び替えなどを設定できます。
3
結果をコピー
右側にTypeScriptインターフェイスがリアルタイム表示。コピーボタン1つで.tsファイルに貼り付け可能。
よくある質問
ネストオブジェクトの扱いは？
各ネストオブジェクトは独立したインターフェイスに分離されます。インターフェイス名は親キー名をPascalCaseに変換。例: `user.address` → `Address`インターフェイス。
配列型はどう推論？
配列項目をスキャンし、単一型なら`T[]`、混合型なら`(A | B)[]`に推論。オブジェクト配列は最初の項目を基準にインターフェイス化し、欠落キーはオプショナル(`?`)で表記します。
nullフィールドは？
`null`のみのフィールドは`null`型、他の値と混在は`string | null`のようなunionに。「全フィールドオプショナル」を有効にすると`?`も追加されます。
キーが識別子として無効な場合？
ハイフン(-)など識別子に使えない文字を含むキーは自動でクォートされます。例: `"my-key": string`。
サーバーに送信されますか？
いいえ。すべての変換はブラウザ内で行われ、入力したJSONが外部に送信されることはありません。
