JA
PortuguêsEnglishEspañolDeutschFrançaisItaliano日本語Русский中文
ホーム お気に入り
Voltar

JSONからTypeScriptへ

JSONから、入れ子のオブジェクト、配列、オプションのフィールド、PascalCaseの名前に対応したTypeScriptのinterfaceやtypeを生成します。

使い方

JSONを貼り付けてinterfaceを生成しましょう。

利用できる言語: PortuguêsEspañolEnglishDeutschFrançaisItaliano日本語Русский中文

次のツールJSONからXMLへ(XMLからJSONへ)→
広告

JSONからTypeScriptへ: 用途

APIのレスポンスなどのJSONを貼り付けると、ツールがその場でTypeScriptのinterfaceを生成します。入れ子のオブジェクトはPascalCaseの名前の別のinterfaceになり、オブジェクトの一覧は全体を解析してオプションのフィールドを判定します。

interfaceとtype、exportやreadonlyの有無を選べます。

使い方

  1. JSONを貼り付けます。
  2. ルート名とオプションを設定します。
  3. 生成されたinterfaceをコピーします。

使うタイミング

  • フロントエンドでAPIのレスポンスに型を付ける。
  • Angular、React、Nodeのプロジェクト用のモデルを作る。
  • JSONの構造をドキュメント化する。

よくある質問

オプションのフィールドはどう検出されますか?

JSONにオブジェクトの一覧がある場合、すべての項目には現れないフィールドに疑問符が付きます(フィールド?: 型)。

フィールドがnullの場合は?

同じフィールドに別の型もある場合は「型 | null」になり、nullしか来ない場合は単に null になります。型が分かっているなら、あとで調整してください。

本当に無料?

はい、100%無料です。登録不要、サブスクなし、利用制限なし。すべてのツール:Tools123は無料です。

関連ツール

ご支援ありがとうございます!

寄付はサイトの維持に役立ちます。ツールはみなさんの役に立つよう作っていますが、サーバー費用がかかります。ご支援いただけるととても助かります。金額を選択または入力してください:

Stripeによる安全な決済。別のタブで開きます。

ツールは現状のまま、保証なしで提供されます。結果やその利用について責任を負いかねます。