🧩

JSON から TypeScript インターフェース

JSON を貼り付けるだけで TypeScript interface を自動推論。ネストしたオブジェクトや配列にも対応

説明:型はこのJSONから推論されたものであり、JSON Schemaではありません。配列内の要素構造が一致しない場合はユニオン型が生成され、フィールド名が有効な識別子でない場合は引用符が付きます。

使い方

JSON 转 TypeScript 接口使用说明



功能简介


拿到一份接口返回的 JSON,要手写 TypeScript 类型很费时间。这个工具直接读 JSON 结构,递归推断出嵌套的 interface。

使用方法


  • 把 JSON 粘贴到输入框,点「填入示例」可以先看一个复杂例子

  • 填好根接口名(默认 Root),选 `interface` 或 `type` 别名

  • 如果字段可能缺失,勾上「字段可选」给每个字段加 `?`

  • 点「生成 TypeScript」,结果按引用顺序输出,子类型在前、根类型在后

  • 点「复制结果」复制走


  • 注意事项


  • 类型是从这一份 JSON 推断出来的:字段为 `null` 时只会得到 `null`,缺字段也看不出来。要更准确请用多份样本或手写补充

  • 数组里元素结构不一致时会生成联合类型,例如 `(A | B)[]`

  • 空数组只能推断出 `unknown[]`,需要你自己补类型

  • 字段名不是合法标识符时会用引号包起来,符合 TypeScript 语法
  • ❓ よくある質問

    配列内のオブジェクトの型が一致しない場合はどうなりますか?

    構造ごとに個別のインターフェースを生成し、配列要素の型をユニオン型として出力します。例:`(User | Admin)[]`。生成後に実際の用途に合わせて絞り込めます。

    null フィールドの型が null になるのはなぜですか?

    この 1 件のデータだけでは、将来文字列や数値になるかどうかを判断できないためです。実際のデータに現れる型をすべて補うか、手動で `string | null` に変更することをおすすめします。

    Go や Java の型も生成できますか?

    現在は TypeScript のみ生成します。構造を確認したい場合は、このツールで推論したネストしたインターフェース名を他の言語の構造体に書き換えるのも難しくありません。

    📝 関連記事

    tool-tutorials

    改行コード削除で大ファイル処理時にカクつく場合の対処法、バッチ処理方法の比較

    本記事では大ファイルの改行コード一括削除のカクつき原因と3方法の比較を示し、改行コード削除の操作方法、削除と空文字置換の違い、使えない場合の排查手順、スマホやAPIデバッグシナリオの具体的な方法を解説します。ファイルサイズに応じて正しい方法を選び、繰り返し再試行を避けましょう。

    tool-tutorials

    HTMLからMarkdownへの変換はスマホで使える?インストール不要のオンライン変換方法

    スマホのブラウザだけでHTMLからMarkdownへの変換が完了し、アプリのインストールは不要です。この記事ではそのまま実行できる手順を示し、大きなファイルの失敗、インターフェースの返却フォーマットの崩れ、表内ネストリストの歪みなどよくある問題の調査順序を示して、モバイル端末で構造が正しいMarkdownテキストを安定して得られるようにします。

    tool-tutorials

    画像からPDFへの変換とオンライン変換ツールの違いは?どちらが安全か

    本記事ではローカル変換とクラウド変換のプライバシー、画質、制御性の違いを比較し、画像からPDFへの完全な操作手順を示します。さらにファイル圧縮、スマートフォンでのインストール不要利用、変換失敗、ページ順序の4つの頻出問題を集中的に解説し、画像の機密性に応じて適切な方法を選べるようにします。

    tool-tutorials

    PDF結合とPDF分割の違いは?どのツールを使うべきか

    この記事を読めば、PDF結合とPDF分割のどちらを使うべきかを素早く判断でき、結合の4ステップ操作を習得し、結合後のサイズ過大、スマホ操作、ファイル破損の表示、ブラウザの安全性などの実際の疑問も解決できます。