TypeScript → Zod スキーマ

使い方

1. TypeScriptのinterfaceまたはtype宣言を左のパネルに貼り付けます。
2. 入力停止から300ms後に自動でバリデーションと変換が行われます。
3. Zodスキーマを生成ボタンで強制変換できます。
4. コピーボタンでZod出力をクリップボードにコピーします。
5. 結果をプロジェクトに貼り付けます。出力にはimport文とexport typeの型推論行がすでに含まれています。

対応TypeScript機能

• 基本型：string、number、boolean、null、undefined、any、unknown、void、never、bigint、symbol
• 省略可能プロパティ：prop?: type → .optional()
• Union型：A | B → z.union([A, B])
• 文字列enum：“a” | “b” | “c” → z.enum([“a”, “b”, “c”])
• 配列：T[] / Array<T> → z.array(T)
• ネストオブジェクト：インラインオブジェクト型 → z.object({})
• 相互参照：宣言済み型間の参照 → Schemaの定数
• readonly：readonly修飾子を受け入れ、変換時に無視（ZodスキーマはデフォルトでImmutable）
• ユーティリティ型：Partial<T>、Record<K, V>、Promise<T>
• 交差型：A & B → z.intersection(A, B)
• タプル：[A, B] → z.tuple([A, B])
• リテラル型：“value”、42、true → z.literal()

サンプル

以下のTypeScriptを入力すると：

interface Address {
street: string;
city: string;
zipCode?: string;
}

export interface User {
id: number;
name: string;
role: "admin" | "user" | "guest";
age?: number;
isActive: boolean;
tags: string[];
address: Address;
}

export type Status = "active" | "inactive" | "pending";

このように生成されます：

import { z } from "zod";

export const AddressSchema = z.object({
street: z.string(),
city: z.string(),
zipCode: z.string().optional(),
});
export type Address = z.infer<typeof AddressSchema>;

export const UserSchema = z.object({
id: z.number(),
name: z.string(),
role: z.enum(["admin", "user", "guest"]),
age: z.number().optional(),
isActive: z.boolean(),
tags: z.array(z.string()),
address: AddressSchema,
});
export type User = z.infer<typeof UserSchema>;

export const StatusSchema = z.enum(["active", "inactive", "pending"]);
export type Status = z.infer<typeof StatusSchema>;