JSON → TypeScript生成

JSON サンプルから TypeScript インターフェース/型を自動生成

JSON サンプルから TypeScript インターフェースを生成します。JSON オブジェクトを貼り付けてルート型名を設定すると、推論された型のネストされたインターフェース定義がすぐに得られます。変換はブラウザ内でローカルに実行されます。データはページから出ることはありません。

サンプルから推論

型はサンプルからのみ推論されます。オプショナルフィールド、nullable な値、ユニオン型は見落とされる可能性があります — 使用前に必ず確認してください。

ルートインターフェース名

interface

type

readonly

null → オプション (?)

入力 JSON

出力 TypeScript

export interface Address {
  city: string;
  zip: string;
}

export interface Root {
  id: number;
  name: string;
  email: string;
  tags: string[];
  address: Address;
}

使い方

JSON オブジェクトを左パネルに貼り付けます。
ルートインターフェース名を設定し、インターフェースまたは型エイリアスを選択します。
readonly または null-to-optional を必要に応じて切り替えます。
右パネルから生成された TypeScript 定義をコピーします。変換はブラウザ内で完全に実行されます。

例

{"id":1,"tags":["dev"],"address":{"city":"Seoul"}} をルート名 Root として貼り付けると、ネストされた Address インターフェースが自動的に推測される Root インターフェースが生成されます。
「null → optional」を有効にすると、値が null のフィールドが `field: null` から `field?: unknown` に変わります。

本番環境で使用する前に出力を検証してください。保証なし — 詳細は利用規約.