JSON Schema to TypeScript / Zod

概要

• JSON Schemaを入力すると、対応するTypeScriptのinterface定義、またはZodのバリデーションスキーマのコードを生成するツールです。

• object・string・number・integer・boolean・array・enumの各型、およびrequiredによる必須/任意プロパティの区別に対応しています。

• 既存のjson-to-typescript（JSONの値から型を推測するツール）とは異なり、JSON Schemaという型情報付きの定義から正確な型・スキーマを生成します。

使い方

1. 1

   JSON Schemaを入力欄に貼り付けます。

2. 2

   変換先（TypeScriptまたはZod）と、型名・変数名を指定します。

3. 3

   「変換する」ボタンをクリックすると、生成されたコードが表示されます。

入力例・出力例

{"type":"object","properties":{"id":{"type":"string"}},"required":["id"]}

export interface Root {
  id: string;
}

利用シーン

• APIドキュメント（OpenAPIなど）のスキーマ定義から、フロントエンドで使うTypeScriptの型を生成する

• JSON Schemaベースのバリデーションを、Zodを使ったランタイムバリデーションへ置き換える

• JSON Schemaが表す構造を、コードとして分かりやすく確認する

よくある質問

注意点

• 型名・変数名には、英字またはアンダースコアで始まる英数字のみ使用できます。

• 変換処理はすべてブラウザ内で完結します。