メインコンテンツへスキップ

JSON → TypeScript 型生成

JSONデータからTypeScript型定義(interface / type)を自動生成します。全処理はブラウザ内で完結し、データは外部に送信されません。

interface Address {
  city: string
  zip: string
}

interface OrdersItem {
  id: number
  total: number
  paid: boolean
}

interface Root {
  id: number
  name: string
  email: string
  age: number
  active: boolean
  bio?: null
  tags: string[]
  address: Address
  orders: OrdersItem[]
}

使い方のヒント

  • JSONオブジェクトをペーストすると、TypeScript型定義を自動生成します
  • interface は宣言マージ可能、type はユニオン型・交差型に適しています
  • ネストされたオブジェクトは自動的に別名インターフェースに分割されます
  • null 値のフィールドは ? でオプショナルとしてマークされます
  • 配列の要素型が異なる場合はユニオン型(A | B)で表現されます

このツールをもっと活用する

もっと学びたい方へ

チートシート・技術記事・開発リソースで学習を加速