メインコンテンツへ移動
JSONを待っています。貼り付け、アップロード、またはファイルをドロップしてください。

JSONが有効になると、整形結果がここに表示されます。

ブラウザ内で動作します。JSONがアップロードされることはありません。

GoodAIの無料ツール

JSONからTypeScript: インターフェースを生成

JSONのサンプルを貼り付けると、右にTypeScriptのインターフェースが表示されます。ネストしたオブジェクトは独立したインターフェースになり、配列の要素は1つの型にまとめられます。

JSONからTypeScriptインターフェースを生成

APIのレスポンス、設定ファイル、その他のJSONサンプルを貼り付けてください。型表示が構造を読み取り、プロジェクトにそのままコピーできるexport付きのインターフェースを出力します。ネストしたオブジェクトには、そのキー名に基づいた独立したインターフェースが作られます。

型の推論ルール

  • 文字列・数値・真偽値は string・number・boolean になります。
  • 配列は T[] になり、T は全要素を合わせた型です。混在した配列は (string | number)[] のようなユニオン型になります。
  • 配列内の一部のオブジェクトにしかないキーは任意(key?: type)になります。
  • null は null のまま、空配列は unknown[] になります。
  • "first-name" のように識別子として使えないキーは引用符で囲まれます。

より良い結果を得るコツ

出力の質はサンプルしだいです。任意のフィールドや複数の配列要素を含むレスポンスを使うと、ばらつきを正しく反映できます。利用前に結果を確認してください。日付は文字列として届き、常に整数の値でも型は number になります。

関連するJSONツール

よくある質問

ネストしたオブジェクトや配列に対応していますか?+

はい。ネストしたオブジェクトは別のインターフェースになり、オブジェクトの配列は必要に応じて任意キーを持つ1つの要素インターフェースにまとめられます。

typeとinterfaceのどちらで出力されますか?+

オブジェクトはexport付きのinterfaceになります。ルートが配列やプリミティブの場合はtypeエイリアスになります。

JSONはサーバーに送信されますか?+

いいえ。型はブラウザ内で生成されます。

デモ動画付きのAIツールをお探しですか?

GoodAIを見る