JSON → TypeScript 型生成

1. 左側のテキストエリアにJSONをペーストしてください
2. 生成したい型の名前（デフォルト: Root）を「型名」フィールドに入力します
3. スタイルを interface か type から選択します
4. 「生成」ボタンを押すとTypeScript型定義が右側に表示されます
5. 「コピー」ボタンでクリップボードにコピーして、そのままコードに貼り付けられます

コアロジックはブラウザ標準の JSON.parse のみで実装しており、外部ライブラリは一切使用していません。 再帰的に型を推論する inferType 関数と、エントリーポイントとなる generateTypes 関数をそのままコピーしてご利用いただけます。

type JsonValue = string | number | boolean | null | JsonValue[] | Record<string, JsonValue>

function isRecord(v: JsonValue): v is Record<string, JsonValue> {
  return typeof v === 'object' && v !== null && !Array.isArray(v)
}

function inferType(
  value: JsonValue,
  indent: string,
  depth: number,
  rootName: string,
  interfaces: Map<string, string>
): string {
  if (value === null) return 'null'
  if (typeof value === 'boolean') return 'boolean'
  if (typeof value === 'number') return 'number'
  if (typeof value === 'string') return 'string'

  if (Array.isArray(value)) {
    if (value.length === 0) return 'unknown[]'
    const elementTypes = value.map(v =>
      inferType(v, indent, depth + 1, rootName, interfaces)
    )
    const unique = [...new Set(elementTypes)]
    const inner = unique.length === 1 ? unique[0] : `(${unique.join(' | ')})`
    return `${inner}[]`
  }

  if (isRecord(value)) {
    const entries = Object.entries(value)
    const lines = entries.map(([k, v]) => {
      const safeKey = /^[a-zA-Z_$][a-zA-Z0-9_$]*$/.test(k) ? k : `"${k}"`
      const isOptional = v === null
      const typeStr = inferType(v, indent, depth + 1, rootName, interfaces)
      return `${indent.repeat(depth + 1)}${safeKey}${isOptional ? '?' : ''}: ${typeStr};`
    })
    return `{
${lines.join('\n')}
${indent.repeat(depth)}}`
  }

  return 'unknown'
}

export function generateTypes(
  json: string,
  rootName: string = 'Root',
  style: 'interface' | 'type' = 'interface'
): { ok: true; output: string } | { ok: false; error: string } {
  if (!json.trim()) return { ok: false, error: '入力が空です' }
  let parsed: JsonValue
  try {
    parsed = JSON.parse(json)
  } catch (e) {
    return { ok: false, error: `JSONの解析に失敗: ${e instanceof SyntaxError ? e.message : String(e)}` }
  }
  const indent = '  '
  const interfaces = new Map<string, string>()
  if (isRecord(parsed)) {
    const typeStr = inferType(parsed, indent, 0, rootName, interfaces)
    const decl = style === 'interface'
      ? `export interface ${rootName} ${typeStr}`
      : `export type ${rootName} = ${typeStr}`
    return { ok: true, output: decl }
  }
  return { ok: true, output: `export type ${rootName} = ${inferType(parsed, indent, 0, rootName, interfaces)}` }
}

このツールのソースコード（テストコードを含む）はGitHubで公開しています。 MITライセンスで自由に利用・改変できます。