JSON to TypeScript変換
JSONオブジェクトと配列をTypeScriptインターフェースまたは型エイリアスに変換します。ネストされたオブジェクト、配列、オプショナル・読み取り専用プロパティをサポートします。
JSONオブジェクトと配列をTypeScriptインターフェースまたは型エイリアスに変換します。ネストされたオブジェクト、配列、オプショナル・読み取り専用修飾子をサポートします。
JSONからTypeScriptインターフェースまたは型エイリアスを生成します。ネストされたオブジェクトは別のインターフェースになります。すべての処理はローカルで行われます。
使い方
- 1
JSONを貼り付ける
JSONオブジェクトまたは配列を入力してください。「サンプルを読み込む」をクリックしてユーザーオブジェクトの例をお試しください。
- 2
オプション設定
ルート型名を設定し、interfaceまたはtype別名を選択し、export、optional、readonly修飾子を設定してください。
- 3
変換
「TypeScriptに変換」をクリックして型定義を生成します。ネストされたオブジェクトは別の名前付きインターフェースを生成します。
- 4
出力をコピー
生成されたTypeScriptコードを確認し、プロジェクトに直接コピーしてください。
よくある質問
- ネストされたオブジェクトに対応していますか?
- はい。各ネストされたオブジェクトは独自の名前付きインターフェース(例:Address, ProjectsItem)を生成し、型をクリーンで再利用可能に保ちます。
- 配列はどう処理されますか?
- プリミティブ型の配列は型付き配列(例:string[])を生成します。オブジェクトの配列は共有アイテムインターフェースと配列型エイリアスを生成します。
- interfaceとtype、どちらを使うべき?
- interfaceは拡張可能でオブジェクト形状に適しています。type別名はユニオンや複雑な型に柔軟です。ほとんどの場合、どちらも使えます。
- JSONデータはサーバーに送信されますか?
- いいえ。すべての変換はブラウザ上で完全に行われます。データがデバイスから外に出ることはありません。