Tool Detail

JSON → TypeScript型生成

JSON サンプルから TypeScript の type 定義を生成し、API レスポンスやフロント側 DTO のたたき台を素早く作る。配列やネストしたオブジェクトも型として展開する。

Readyconvert

Interactive Tool

JSON から TypeScript 型の叩き台を作る

処理はブラウザ内だけで完結し、入力は送信しません。

Input

JSON 入力

Output

TypeScript 型

Generated Type
type Root = {
  id: number
  name: string
  active: boolean
  tags: string[]
  profile: {
    department: string
    joinedAt: string
  }
}

How It Works

仕様と確認ポイント

Features

JSON オブジェクトから TypeScript 型を生成
配列の要素型を推論
null や複数型を union で表現
ネストしたオブジェクトもそのまま展開

Input Preview

JSON{"id":1,"name":"田中","active":true,"tags":["java","spring"],"profile":{"department":"開発","joinedAt":"2024-04-01"}}型の叩き台を作りたい JSON
Result Previewtype Root = {\n id: number\n name: string\n active: boolean\n tags: string[]\n profile: {\n department: string\n joinedAt: string\n }\n}

Cautions

利用時の注意点

生成結果は叩き台です。optional 判定や命名整理はプロジェクト側で調整してください。
異なる形のオブジェクトが混在する配列は union 型になるため、読みやすさを優先して手調整した方がよい場合があります。
JSON Schema のような厳密なバリデーション定義は出力しません。

FAQ

実務で迷いやすい点

interface ではなく type になるのはなぜですか。

ネスト構造や union 型を一貫して扱いやすくするため、現状は type 定義で出力しています。

配列内に異なる型が混在している場合はどうなりますか。

要素型をまとめて union 型として表現します。必要に応じて手動で整理してください。

API の optional フィールドは判定できますか。

単一サンプル JSON だけでは optional かどうかは厳密に判断できません。複数レスポンスの揺れを踏まえて手調整する前提です。