JSON to TypeScript & Zod Converter

Root Interface Name

{
  "name": "John Doe",
  "age": 30,
  "email": "john@example.com"
}

{
  "name": "John Doe",
  "age": 30,
  "email": "john@example.com"
}

export interface Root {
  name: string;
  age: number;
  email: string;
}

About this Tool

Ultimate JSON to TypeScript & Zod Converterは、JSONを貼り付けるだけで、Next.js開発に必要な「型」「バリデーション」「モックデータ」を一括生成するツールです。中身の値を解析して賢く推論し、開発効率を大幅に向上させます。

TypeScript Interface生成: JSONの構造から自動的にTypeScriptのインターフェースを生成。ネストされたオブジェクトや配列にも対応。
Zod Schema生成（Smart Inference）: 値とキー名を解析して、適切なZodスキーマを自動生成。日付、Email、URLなどを自動判定。
Mock Data Generator: 入力されたJSONの構造を元に、配列形式のダミーデータを生成。IDなどのユニークキーは自動で重複を回避。
リアルタイム変換: 入力が有効なJSONである限り、リアルタイムに出力を更新。即座に結果を確認できます。
JSONフォーマッター: ワンクリックでJSONを整形。読みやすく、編集しやすくなります。

このツールは、単純な型変換だけでなく、値の内容とキー名を解析して賢く推論します：

日付: ISO8601形式の日付文字列を自動検出し、z.string().datetime()を生成
Email: キー名に「email」を含み、値がEmail形式ならz.string().email()を生成
URL: キー名に「url」「link」「image」を含み、値がURL形式ならz.string().url()を生成
Optional: 値がnullまたはundefinedの可能性がある場合、自動的に.optional()や.nullable()を付与

すべての処理はブラウザ上で完結します。入力されたJSONデータがサーバーに送信されることは一切ありません。そのため、機密情報を含むJSONでも安全に変換できます。

2025-12-06初回リリース。TypeScript Interface生成、Zod Schema生成（Smart Inference）、Mock Data Generatorを実装。