JSONからTypeScriptへ
JSONから、入れ子のオブジェクト、配列、オプションのフィールド、PascalCaseの名前に対応したTypeScriptのinterfaceやtypeを生成します。
使い方JSONを貼り付けてinterfaceを生成しましょう。
広告
JSONからTypeScriptへ: 用途
APIのレスポンスなどのJSONを貼り付けると、ツールがその場でTypeScriptのinterfaceを生成します。入れ子のオブジェクトはPascalCaseの名前の別のinterfaceになり、オブジェクトの一覧は全体を解析してオプションのフィールドを判定します。
interfaceとtype、exportやreadonlyの有無を選べます。
使い方
- JSONを貼り付けます。
- ルート名とオプションを設定します。
- 生成されたinterfaceをコピーします。
使うタイミング
- フロントエンドでAPIのレスポンスに型を付ける。
- Angular、React、Nodeのプロジェクト用のモデルを作る。
- JSONの構造をドキュメント化する。
よくある質問
オプションのフィールドはどう検出されますか?
JSONにオブジェクトの一覧がある場合、すべての項目には現れないフィールドに疑問符が付きます(フィールド?: 型)。
フィールドがnullの場合は?
同じフィールドに別の型もある場合は「型 | null」になり、nullしか来ない場合は単に null になります。型が分かっているなら、あとで調整してください。
本当に無料?
はい、100%無料です。登録不要、サブスクなし、利用制限なし。すべてのツール:Tools123は無料です。