{"id":13195,"date":"2026-03-17T06:28:03","date_gmt":"2026-03-17T06:28:03","guid":{"rendered":"https:\/\/withcode.tech\/media\/?p=13195"},"modified":"2026-07-01T15:28:29","modified_gmt":"2026-07-01T15:28:29","slug":"zod-typescript-validation-guide","status":"publish","type":"post","link":"https:\/\/withcode.tech\/media\/zod-typescript-validation-guide\/","title":{"rendered":"Zod\u5b8c\u5168\u30ac\u30a4\u30c9\uff5cTypeScript\u306eAPI\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30fb\u30b9\u30ad\u30fc\u30de\u5168\u578b\u8a73\u89e3\u30fbrefine\u30fbtransform\u30fb\u74b0\u5883\u5909\u6570\u691c\u8a3c\u30fbtRPC\u9023\u643a\u30fbReact Hook Form\u30fbYup\u6bd4\u8f03\u307e\u3067\u5fb9\u5e95\u89e3\u8aac"},"content":{"rendered":"\n<div class=\"wp-block-group swl-box swl-box--border\"><div class=\"wp-block-group__inner-container\">\n\n<h3 class=\"wp-block-heading\">\u3053\u306e\u8a18\u4e8b\u3067\u308f\u304b\u308b\u3053\u3068<\/h3>\n\n\n<ul class=\"wp-block-list\">\n<li>TypeScript\u306e\u578b\u3060\u3051\u3067\u306f\u9632\u3052\u306a\u3044\u30e9\u30f3\u30bf\u30a4\u30e0\u30a8\u30e9\u30fc\u3068Zod\u304c\u5fc5\u8981\u306a\u7406\u7531<\/li>\n<li>\u30d7\u30ea\u30df\u30c6\u30a3\u30d6\u30fb\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u30fbUnion\u30fbdiscriminated union\u306a\u3069\u5168\u30b9\u30ad\u30fc\u30de\u578b\u306e\u8a73\u89e3<\/li>\n<li>refine\/superRefine\u306b\u3088\u308b\u30ab\u30b9\u30bf\u30e0\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u3068transform\/coerce\u306b\u3088\u308b\u30c7\u30fc\u30bf\u5909\u63db<\/li>\n<li>\u74b0\u5883\u5909\u6570\u691c\u8a3c\u30fbAPI\u30ec\u30b9\u30dd\u30f3\u30b9\u691c\u8a3c\u30fbReact Hook Form\u9023\u643a\u30fbNext.js\/Hono\u30b5\u30fc\u30d0\u30fc\u30b5\u30a4\u30c9\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3<\/li>\n<li>Zod\u3068Yup\u30fbValibot\u306e\u6bd4\u8f03\u30682\u3064\u306e\u8a2d\u8a08\u30d1\u30bf\u30fc\u30f3\uff08Single Source of Truth vs \u5883\u754c\u306e\u307f\u3067\u4f7f\u7528\uff09<\/li>\n<\/ul>\n\n<\/div><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u7d50\u8ad6\u304b\u3089\u8a00\u3046\u3068\u3001Zod\u306fTypeScript\u306e\u578b\u5b89\u5168\u6027\u3092\u30e9\u30f3\u30bf\u30a4\u30e0\u307e\u3067\u5ef6\u4f38\u3059\u308b\u5b9f\u8df5\u7684\u306a\u30e9\u30a4\u30d6\u30e9\u30ea\u3067\u3059\u3002<\/strong>TypeScript\u306e\u578b\u306fJavaScript\u306b\u30b3\u30f3\u30d1\u30a4\u30eb\u3055\u308c\u308b\u969b\u306b\u6d88\u3048\u308b\u305f\u3081\u3001API\u30ec\u30b9\u30dd\u30f3\u30b9\u306e\u578b\u304c\u5b9f\u969b\u306b\u6b63\u3057\u3044\u304b\u306f\u30e9\u30f3\u30bf\u30a4\u30e0\u3067\u3057\u304b\u691c\u8a3c\u3067\u304d\u307e\u305b\u3093\u3002Zod\u306e\u30b9\u30ad\u30fc\u30de\u306f\u30e9\u30f3\u30bf\u30a4\u30e0\u3067\u52d5\u4f5c\u3057\u3001<code>z.infer<\/code>\u3067TypeScript\u306e\u578b\u3082\u81ea\u52d5\u751f\u6210\u3067\u304d\u308b\u305f\u3081\u3001\u578b\u5b9a\u7fa9\u3068\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u306e\u4e8c\u91cd\u7ba1\u7406\u304c\u4e0d\u8981\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">\u306a\u305cZod\u304c\u5fc5\u8981\u304b\uff5cTypeScript\u306e\u578b\u306e\u9650\u754c<\/h2>\n\n\n\n<pre class=\"wp-block-code\"><code>>\/\/ TypeScript\u306e\u578b\u5b9a\u7fa9\uff08\u30b3\u30f3\u30d1\u30a4\u30eb\u5f8c\u306f\u6d88\u3048\u308b\uff09\ninterface User {\n  id: number\n  name: string\n  email: string\n}\n\n\/\/ API\u304b\u3089\u53d7\u3051\u53d6\u3063\u305f\u30c7\u30fc\u30bf\u3092\u578b\u30a2\u30b5\u30fc\u30b7\u30e7\u30f3\u3067\u6271\u3046\uff08\u5371\u967a\uff01\uff09\nconst response = await fetch('\/api\/users\/1')\nconst user = await response.json() as User  \/\/ \u2190 \u5b9f\u969b\u306e\u30c7\u30fc\u30bf\u5f62\u5f0f\u3092\u78ba\u8a8d\u3057\u3066\u3044\u306a\u3044\n\n\/\/ \u3082\u3057API\u304c { id: \"123\", name: null } \u3092\u8fd4\u3057\u3066\u3082 TypeScript \u306f\u6c17\u3065\u3051\u306a\u3044\n\/\/ \u2192 user.name.toUpperCase() \u3067\u30e9\u30f3\u30bf\u30a4\u30e0\u30a8\u30e9\u30fc\uff01\n\n\/\/ Zod\u3092\u4f7f\u3063\u305f\u30e9\u30f3\u30bf\u30a4\u30e0\u5b89\u5168\u306a\u5b9f\u88c5\nimport { z } from 'zod'\n\nconst UserSchema = z.object({\n  id: z.number(),\n  name: z.string(),\n  email: z.string().email(),\n})\n\nconst result = UserSchema.safeParse(await response.json())\nif (!result.success) {\n  \/\/ \u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30a8\u30e9\u30fc\u3092\u578b\u5b89\u5168\u306b\u30cf\u30f3\u30c9\u30ea\u30f3\u30b0\n  console.error(result.error.flatten())\n  return\n}\nconst user = result.data  \/\/ \u578b: { id: number; name: string; email: string }<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Zod\u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3068\u57fa\u672c\u7684\u306a\u4f7f\u3044\u65b9<\/h2>\n\n\n\n<pre class=\"wp-block-code\"><code>>npm install zod\n# or\npnpm add zod\nyarn add zod<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">\u30b9\u30ad\u30fc\u30de\u5b9a\u7fa9\u3068z.infer\u306b\u3088\u308b\u578b\u81ea\u52d5\u751f\u6210<\/h3>\n\n\n\n<pre class=\"wp-block-code\"><code>>import { z } from 'zod'\n\n\/\/ Zod \u30b9\u30ad\u30fc\u30de\u3092\u5b9a\u7fa9\uff08\u30e9\u30f3\u30bf\u30a4\u30e0\u3067\u52d5\u4f5c\u3059\u308b\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30eb\u30fc\u30eb\uff09\nconst UserSchema = z.object({\n  id: z.number(),\n  name: z.string().min(1, '\u540d\u524d\u306f\u5fc5\u9808\u3067\u3059'),\n  email: z.string().email('\u6709\u52b9\u306a\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044'),\n  age: z.number().int().min(0).max(150).optional(),\n  role: z.enum(['admin', 'user', 'guest']).default('user'),\n})\n\n\/\/ z.infer \u3067\u30b9\u30ad\u30fc\u30de\u304b\u3089TypeScript\u306e\u578b\u3092\u81ea\u52d5\u751f\u6210\n\/\/ \u2192 interface \u306e\u4e8c\u91cd\u5b9a\u7fa9\u304c\u4e0d\u8981\uff01\nexport type User = z.infer<typeof UserSchema>\n\/\/ type User = {\n\/\/   id: number;\n\/\/   name: string;\n\/\/   email: string;\n\/\/   age?: number | undefined;\n\/\/   role: \"admin\" | \"user\" | \"guest\";\n\/\/ }<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">parse() vs safeParse() \u306e\u4f7f\u3044\u5206\u3051<\/h3>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th>\u30e1\u30bd\u30c3\u30c9<\/th><th>\u5931\u6557\u6642\u306e\u6319\u52d5<\/th><th>\u63a8\u5968\u7528\u9014<\/th><\/tr><\/thead><tbody><tr><td>parse()<\/td><td>ZodError\u3092\u30b9\u30ed\u30fc\uff08try\/catch\u5fc5\u8981\uff09<\/td><td>\u78ba\u5b9f\u306b\u6b63\u3057\u3044\u30c7\u30fc\u30bf\u304c\u6765\u308b\u306f\u305a\u306e\u5834\u6240<\/td><\/tr><tr><td>safeParse()<\/td><td>{ success, data, error } \u3092\u8fd4\u3059<\/td><td>API\u30ec\u30b9\u30dd\u30f3\u30b9\u30fb\u30d5\u30a9\u30fc\u30e0\u30c7\u30fc\u30bf\uff08\u63a8\u5968\uff09<\/td><\/tr><tr><td>parseAsync()<\/td><td>Promise\u3092\u8fd4\u3057\u30a8\u30e9\u30fc\u6642\u306breject<\/td><td>\u975e\u540c\u671f\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\uff08DB\u30c1\u30a7\u30c3\u30af\u306a\u3069\uff09<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<pre class=\"wp-block-code\"><code>>\/\/ safeParse() : \u30a8\u30e9\u30fc\u3092\u30b9\u30ed\u30fc\u305b\u305a\u3001success\/error \u3067\u5206\u5c90\u3067\u304d\u308b\uff08\u63a8\u5968\uff09\nconst result = UserSchema.safeParse({\n  id: 'not-a-number',  \/\/ \u2190 \u4e0d\u6b63\u306a\u5024\n  name: '',\n  email: 'invalid-email',\n})\n\nif (result.success) {\n  console.log('\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u6210\u529f:', result.data)\n} else {\n  \/\/ flatten() \u3067\u30d5\u30a9\u30fc\u30e0\u30a8\u30e9\u30fc\u8868\u793a\u306b\u6700\u9069\u306a\u5f62\u5f0f\u306b\u5909\u63db\n  const flattened = result.error.flatten()\n  console.log(flattened.fieldErrors)\n  \/\/ \u2192 { id: ['Expected number, received string'], name: ['\u540d\u524d\u306f\u5fc5\u9808\u3067\u3059'], email: [...] }\n}<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Zod\u306e\u5168\u30b9\u30ad\u30fc\u30de\u578b\u30ea\u30d5\u30a1\u30ec\u30f3\u30b9<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">\u30d7\u30ea\u30df\u30c6\u30a3\u30d6\u578b<\/h3>\n\n\n\n<pre class=\"wp-block-code\"><code>>import { z } from 'zod'\n\n\/\/ \u6587\u5b57\u5217\u578b\nz.string()\nz.string().min(1)            \/\/ \u6700\u5c0f\u9577\nz.string().max(100)          \/\/ \u6700\u5927\u9577\nz.string().length(10)        \/\/ \u56fa\u5b9a\u9577\nz.string().email()           \/\/ \u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9\u5f62\u5f0f\nz.string().url()             \/\/ URL\u5f62\u5f0f\nz.string().uuid()            \/\/ UUID\u5f62\u5f0f\nz.string().regex(\/^[A-Z]+$\/)  \/\/ \u6b63\u898f\u8868\u73fe\nz.string().startsWith('https:\/\/') \/\/ \u30d7\u30ec\u30d5\u30a3\u30c3\u30af\u30b9\nz.string().endsWith('.jpg')  \/\/ \u30b5\u30d5\u30a3\u30c3\u30af\u30b9\nz.string().includes('admin') \/\/ \u6587\u5b57\u5217\u3092\u542b\u3080\nz.string().trim()            \/\/ \u524d\u5f8c\u306e\u7a7a\u767d\u3092\u9664\u53bb\uff08\u5909\u63db\uff09\nz.string().toLowerCase()     \/\/ \u5c0f\u6587\u5b57\u306b\u5909\u63db\nz.string().toUpperCase()     \/\/ \u5927\u6587\u5b57\u306b\u5909\u63db\n\n\/\/ \u6570\u5024\u578b\nz.number()\nz.number().min(0)            \/\/ \u6700\u5c0f\u5024\nz.number().max(100)          \/\/ \u6700\u5927\u5024\nz.number().int()             \/\/ \u6574\u6570\u306e\u307f\nz.number().positive()        \/\/ \u6b63\u6570\u306e\u307f\uff08> 0\uff09\nz.number().negative()        \/\/ \u8ca0\u6570\u306e\u307f\uff08< 0\uff09\nz.number().nonnegative()     \/\/ \u975e\u8ca0\uff08>= 0\uff09\nz.number().finite()          \/\/ \u6709\u9650\u6570\uff08Infinity\u9664\u5916\uff09\nz.number().safe()            \/\/ Number.MIN\/MAX_SAFE_INTEGER \u7bc4\u56f2\u5185\n\n\/\/ Boolean\u578b\nz.boolean()\n\n\/\/ BigInt\u578b\nz.bigint()\nz.bigint().min(0n)\n\n\/\/ Symbol\u578b\nz.symbol()\n\n\/\/ Null\/Undefined\nz.null()\nz.undefined()\nz.void()   \/\/ undefined \u3092\u8fd4\u3059\u95a2\u6570\u7528\nz.any()    \/\/ any\uff08\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u3092\u30b9\u30ad\u30c3\u30d7\uff09\nz.unknown()  \/\/ unknown\uff08\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u306f\u3057\u306a\u3044\u304c\u578b\u306f unknown\uff09\nz.never()   \/\/ never\uff08\u5024\u3092\u8a31\u53ef\u3057\u306a\u3044\uff09<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u30fb\u914d\u5217\u30fb\u30bf\u30d7\u30eb<\/h3>\n\n\n\n<pre class=\"wp-block-code\"><code>>\/\/ \u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u578b\nconst PersonSchema = z.object({\n  name: z.string(),\n  age: z.number(),\n})\n\n\/\/ \u4f59\u5206\u306a\u30ad\u30fc\u306e\u6271\u3044\nz.object({ name: z.string() }).strict()    \/\/ \u4f59\u5206\u306a\u30ad\u30fc\u306f\u30a8\u30e9\u30fc\nz.object({ name: z.string() }).strip()     \/\/ \u4f59\u5206\u306a\u30ad\u30fc\u3092\u9664\u53bb\uff08\u30c7\u30d5\u30a9\u30eb\u30c8\uff09\nz.object({ name: z.string() }).passthrough() \/\/ \u4f59\u5206\u306a\u30ad\u30fc\u3092\u305d\u306e\u307e\u307e\u901a\u3059\n\n\/\/ \u90e8\u5206\u578b\nPersonSchema.partial()       \/\/ \u5168\u30d5\u30a3\u30fc\u30eb\u30c9\u3092optional\u306b\nPersonSchema.partial({ age: true }) \/\/ \u7279\u5b9a\u30d5\u30a3\u30fc\u30eb\u30c9\u306e\u307foptional\u306b\nPersonSchema.required()      \/\/ \u5168\u30d5\u30a3\u30fc\u30eb\u30c9\u3092required\u306b\nPersonSchema.pick({ name: true }) \/\/ \u7279\u5b9a\u30d5\u30a3\u30fc\u30eb\u30c9\u306e\u307f\u9078\u629e\nPersonSchema.omit({ age: true })  \/\/ \u7279\u5b9a\u30d5\u30a3\u30fc\u30eb\u30c9\u3092\u9664\u5916\nPersonSchema.extend({ email: z.string().email() }) \/\/ \u30d5\u30a3\u30fc\u30eb\u30c9\u3092\u8ffd\u52a0\n\n\/\/ \u30de\u30fc\u30b8\nconst ExtendedPersonSchema = PersonSchema.merge(\n  z.object({ email: z.string().email() })\n)\n\n\/\/ \u914d\u5217\u578b\nz.array(z.string())           \/\/ \u6587\u5b57\u5217\u306e\u914d\u5217\nz.array(z.number()).min(1)    \/\/ 1\u4ef6\u4ee5\u4e0a\nz.array(z.string()).max(10)   \/\/ 10\u4ef6\u4ee5\u4e0b\nz.array(z.string()).length(3) \/\/ \u56fa\u5b9a\u4ef6\u6570\nz.array(z.string()).nonempty() \/\/ \u7a7a\u914d\u5217\u3092\u8a31\u53ef\u3057\u306a\u3044\n\n\/\/ \u30bf\u30d7\u30eb\u578b\uff08\u56fa\u5b9a\u9577\u30fb\u5404\u8981\u7d20\u304c\u7570\u306a\u308b\u578b\uff09\nconst TupleSchema = z.tuple([z.string(), z.number(), z.boolean()])\n\/\/ type: [string, number, boolean]\n\n\/\/ \u30bf\u30d7\u30eb\u306e\u6b8b\u4f59\u5f15\u6570\nconst VariadicTuple = z.tuple([z.string(), z.number()]).rest(z.string())\n\/\/ type: [string, number, ...string[]]<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">Union\u30fbDiscriminated Union\u30fbIntersection<\/h3>\n\n\n\n<pre class=\"wp-block-code\"><code>>\/\/ Union\uff08\u3069\u308c\u304b1\u3064\u306b\u4e00\u81f4\uff09\nconst StringOrNumber = z.union([z.string(), z.number()])\n\/\/ or \u77ed\u7e2e\u8a18\u6cd5\nconst StringOrNumber2 = z.string().or(z.number())\n\n\/\/ Literal\uff08\u7279\u5b9a\u306e\u5024\u306e\u307f\uff09\nz.literal('admin')\nz.literal(42)\nz.literal(true)\n\n\/\/ Enum\uff08\u6587\u5b57\u5217\u30ea\u30c6\u30e9\u30eb\u306e\u96c6\u5408\uff09\nconst RoleSchema = z.enum(['admin', 'user', 'guest'])\ntype Role = z.infer<typeof RoleSchema>  \/\/ \u2192 'admin' | 'user' | 'guest'\n\n\/\/ TypeScript\u306eenum\u3068\u306e\u9023\u643a\nenum Status { Active = 'active', Inactive = 'inactive' }\nconst StatusSchema = z.nativeEnum(Status)\n\n\/\/ Discriminated Union\uff08\u5224\u5225\u5f0f\u4ed8\u304d\u5171\u7528\u4f53\uff09\n\/\/ API\u306e\u30ec\u30b9\u30dd\u30f3\u30b9\u304c\u6210\u529f\/\u5931\u6557\u3067\u69cb\u9020\u304c\u7570\u306a\u308b\u5834\u5408\nconst ApiResultSchema = z.discriminatedUnion('type', [\n  z.object({\n    type: z.literal('success'),\n    data: z.object({ id: z.number(), name: z.string() }),\n  }),\n  z.object({\n    type: z.literal('error'),\n    code: z.number(),\n    message: z.string(),\n  }),\n])\n\ntype ApiResult = z.infer<typeof ApiResultSchema>\n\n\/\/ \u4f7f\u7528\u4f8b\nconst result = ApiResultSchema.parse({ type: 'success', data: { id: 1, name: 'Taro' } })\nif (result.type === 'success') {\n  console.log(result.data.name)  \/\/ \u578b\u5b89\u5168: result.data \u304c\u4fdd\u8a3c\u3055\u308c\u308b\n} else {\n  console.error(result.message)  \/\/ \u578b\u5b89\u5168: result.message \u304c\u4fdd\u8a3c\u3055\u308c\u308b\n}\n\n\/\/ Intersection\uff08\u3059\u3079\u3066\u306b\u4e00\u81f4\uff09\nconst AdminUser = z.object({ role: z.literal('admin') }).and(PersonSchema)\n\/\/ type: { role: 'admin'; name: string; age: number }<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">refine \/ superRefine\uff5c\u30ab\u30b9\u30bf\u30e0\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3<\/h2>\n\n\n\n<pre class=\"wp-block-code\"><code>>import { z } from 'zod'\n\n\/\/ refine()\uff1a\u30ab\u30b9\u30bf\u30e0\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30921\u3064\u8ffd\u52a0\nconst PasswordSchema = z\n  .string()\n  .min(8, '\u30d1\u30b9\u30ef\u30fc\u30c9\u306f8\u6587\u5b57\u4ee5\u4e0a')\n  .refine(\n    (val) => \/[A-Z]\/.test(val),  \/\/ \u5927\u6587\u5b57\u3092\u542b\u3080\n    '\u5927\u6587\u5b57\u30921\u6587\u5b57\u4ee5\u4e0a\u542b\u3081\u3066\u304f\u3060\u3055\u3044'\n  )\n  .refine(\n    (val) => \/[0-9]\/.test(val),  \/\/ \u6570\u5b57\u3092\u542b\u3080\n    '\u6570\u5b57\u30921\u6587\u5b57\u4ee5\u4e0a\u542b\u3081\u3066\u304f\u3060\u3055\u3044'\n  )\n\n\/\/ \u30af\u30ed\u30b9\u30d5\u30a3\u30fc\u30eb\u30c9\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\uff08\u30d1\u30b9\u30ef\u30fc\u30c9\u78ba\u8a8d\uff09\nconst RegisterSchema = z\n  .object({\n    password: z.string().min(8),\n    confirmPassword: z.string(),\n  })\n  .refine(\n    (data) => data.password === data.confirmPassword,\n    {\n      message: '\u30d1\u30b9\u30ef\u30fc\u30c9\u304c\u4e00\u81f4\u3057\u307e\u305b\u3093',\n      path: ['confirmPassword'],  \/\/ \u30a8\u30e9\u30fc\u3092\u3069\u306e\u30d5\u30a3\u30fc\u30eb\u30c9\u306b\u7d10\u3065\u3051\u308b\u304b\n    }\n  )\n\n\/\/ superRefine()\uff1a\u8907\u6570\u306e\u30ab\u30b9\u30bf\u30e0\u30a8\u30e9\u30fc\u3092\u8ffd\u52a0\u3067\u304d\u308b\nconst AdvancedSchema = z.object({\n  username: z.string(),\n  email: z.string(),\n  plan: z.enum(['free', 'pro']),\n  maxProjects: z.number(),\n}).superRefine((data, ctx) => {\n  \/\/ \u30d7\u30e9\u30f3\u3054\u3068\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u4e0a\u9650\u30c1\u30a7\u30c3\u30af\n  if (data.plan === 'free' && data.maxProjects > 3) {\n    ctx.addIssue({\n      code: z.ZodIssueCode.too_big,\n      path: ['maxProjects'],\n      message: 'Free\u30d7\u30e9\u30f3\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u4e0a\u9650\u306f3\u4ef6\u3067\u3059',\n      maximum: 3,\n      inclusive: true,\n      type: 'number',\n    })\n  }\n\n  \/\/ \u975e\u540c\u671f\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\uff08DB\u30c1\u30a7\u30c3\u30af\u7b49\uff09\n  \/\/ superRefine \u306f async \u306b\u3082\u3067\u304d\u308b\n})<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">transform \/ preprocess \/ coerce\uff5c\u30c7\u30fc\u30bf\u5909\u63db<\/h2>\n\n\n\n<pre class=\"wp-block-code\"><code>>import { z } from 'zod'\n\n\/\/ transform()\uff1a\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u5f8c\u306b\u30c7\u30fc\u30bf\u3092\u5909\u63db\u3059\u308b\nconst DateStringSchema = z\n  .string()\n  .datetime()\n  .transform((val) => new Date(val))  \/\/ \u6587\u5b57\u5217\u3092Date\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306b\u5909\u63db\n\ntype DateValue = z.infer<typeof DateStringSchema>  \/\/ \u2192 Date\n\n\/\/ \u8907\u6570\u306e\u5909\u63db\u3092\u30c1\u30a7\u30fc\u30f3\nconst UserSchema = z.object({\n  name: z.string().transform((val) => val.trim()),          \/\/ \u7a7a\u767d\u9664\u53bb\n  email: z.string().email().transform((val) => val.toLowerCase()), \/\/ \u5c0f\u6587\u5b57\u5316\n  age: z.string().transform(Number),  \/\/ \u6587\u5b57\u5217\u304b\u3089\u6570\u5024\u3078\n})\n\n\/\/ preprocess()\uff1a\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u524d\u306b\u30c7\u30fc\u30bf\u3092\u524d\u51e6\u7406\u3059\u308b\nconst NumberFromString = z.preprocess(\n  (val) => (typeof val === 'string' ? Number(val) : val),\n  z.number()\n)\n\/\/ \"42\" \u2192 42\uff08\u6587\u5b57\u5217\u304c\u6765\u3066\u3082\u6570\u5024\u3068\u3057\u3066\u691c\u8a3c\uff09\n\n\/\/ coerce\uff1a\u81ea\u52d5\u578b\u5909\u63db\uff08\u6700\u3082\u30b7\u30f3\u30d7\u30eb\uff09\nconst CoercedNumber = z.coerce.number()   \/\/ \"42\" \u2192 42\nconst CoercedBoolean = z.coerce.boolean() \/\/ \"true\" \u2192 true\nconst CoercedDate = z.coerce.date()       \/\/ \"2026-03-14\" \u2192 Date\n\n\/\/ \u30d5\u30a9\u30fc\u30e0\u30c7\u30fc\u30bf\uff08\u5168\u3066string\uff09\u304b\u3089\u306e\u5909\u63db\u306b\u6700\u9069\nconst FormSchema = z.object({\n  age: z.coerce.number().min(0).max(150),\n  birthDate: z.coerce.date(),\n  subscribe: z.coerce.boolean(),\n  rating: z.coerce.number().int().min(1).max(5),\n})<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">\u74b0\u5883\u5909\u6570\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Zod\u306e\u6d3b\u7528\u4f8b\u3068\u3057\u3066\u7279\u306b\u52b9\u679c\u7684\u306a\u306e\u304c<strong>\u74b0\u5883\u5909\u6570\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3<\/strong>\u3067\u3059\u3002\u74b0\u5883\u5909\u6570\u306f\u5168\u3066\u6587\u5b57\u5217\u3067\u6e21\u3055\u308c\u308b\u305f\u3081\u3001coerce\u3092\u6d3b\u7528\u3057\u3066\u578b\u5909\u63db\u3057\u306a\u304c\u3089\u691c\u8a3c\u3067\u304d\u307e\u3059\u3002\u30a2\u30d7\u30ea\u8d77\u52d5\u6642\u306b\u4e00\u5ea6\u3060\u3051\u5b9f\u884c\u3059\u308b\u3053\u3068\u3067\u8a2d\u5b9a\u30df\u30b9\u3092\u65e9\u671f\u767a\u898b\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>>\/\/ env.ts - \u74b0\u5883\u5909\u6570\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\nimport { z } from 'zod'\n\nconst EnvSchema = z.object({\n  \/\/ \u5fc5\u9808\u306e\u74b0\u5883\u5909\u6570\n  DATABASE_URL: z.string().url('\u6709\u52b9\u306a\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9URL\u304c\u5fc5\u8981\u3067\u3059'),\n  NEXTAUTH_SECRET: z.string().min(32, 'NEXTAUTH_SECRET\u306f32\u6587\u5b57\u4ee5\u4e0a\u5fc5\u8981\u3067\u3059'),\n  OPENAI_API_KEY: z.string().startsWith('sk-', 'OpenAI API\u30ad\u30fc\u306f sk- \u3067\u59cb\u307e\u308a\u307e\u3059'),\n\n  \/\/ \u30aa\u30d7\u30b7\u30e7\u30f3\u306e\u74b0\u5883\u5909\u6570\uff08\u30c7\u30d5\u30a9\u30eb\u30c8\u5024\u4ed8\u304d\uff09\n  NODE_ENV: z\n    .enum(['development', 'production', 'test'])\n    .default('development'),\n  PORT: z.coerce.number().int().min(1).max(65535).default(3000),\n  REDIS_URL: z.string().url().optional(),\n  ENABLE_ANALYTICS: z.coerce.boolean().default(false),\n  MAX_UPLOAD_SIZE_MB: z.coerce.number().int().positive().default(10),\n\n  \/\/ \u672c\u756a\u74b0\u5883\u3067\u306e\u307f\u5fc5\u9808\n  SENTRY_DSN: z.string().url().optional(),\n})\n\n\/\/ \u30a2\u30d7\u30ea\u8d77\u52d5\u6642\u306b1\u56de\u3060\u3051\u5b9f\u884c\nconst parseEnv = () => {\n  const result = EnvSchema.safeParse(process.env)\n\n  if (!result.success) {\n    console.error('\u274c \u74b0\u5883\u5909\u6570\u306e\u8a2d\u5b9a\u304c\u4e0d\u6b63\u3067\u3059:')\n    result.error.errors.forEach((err) => {\n      console.error(`  ${err.path.join('.')}: ${err.message}`)\n    })\n    process.exit(1)  \/\/ \u4e0d\u6b63\u306a\u74b0\u5883\u5909\u6570\u3067\u306f\u30a2\u30d7\u30ea\u3092\u8d77\u52d5\u3055\u305b\u306a\u3044\n  }\n\n  return result.data\n}\n\nexport const env = parseEnv()\nexport type Env = typeof env\n\n\/\/ \u4f7f\u7528\u4f8b\nimport { env } from '.\/env'\nconsole.log(env.PORT)       \/\/ \u578b: number\uff08coerce\u3067\u5909\u63db\u6e08\u307f\uff09\nconsole.log(env.NODE_ENV)   \/\/ \u578b: \"development\" | \"production\" | \"test\"<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">API\u30ec\u30b9\u30dd\u30f3\u30b9\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3<\/h2>\n\n\n\n<pre class=\"wp-block-code\"><code>>import { z } from 'zod'\n\n\/\/ \u30da\u30fc\u30b8\u30cd\u30fc\u30b7\u30e7\u30f3\u4ed8\u304dAPI\u30ec\u30b9\u30dd\u30f3\u30b9\u306e\u30b9\u30ad\u30fc\u30de\nconst PaginatedResponseSchema = <T extends z.ZodType>(itemSchema: T) =>\n  z.object({\n    status: z.literal('success'),\n    data: z.object({\n      items: z.array(itemSchema),\n      pagination: z.object({\n        total: z.number().int().nonnegative(),\n        page: z.number().int().positive(),\n        perPage: z.number().int().positive(),\n        totalPages: z.number().int().nonnegative(),\n        hasNext: z.boolean(),\n        hasPrev: z.boolean(),\n      }),\n    }),\n  })\n\n\/\/ \u5546\u54c1\u30b9\u30ad\u30fc\u30de\nconst ProductSchema = z.object({\n  id: z.string().uuid(),\n  name: z.string().min(1),\n  price: z.number().nonnegative(),\n  currency: z.enum(['JPY', 'USD', 'EUR']),\n  category: z.enum(['electronics', 'clothing', 'food', 'other']),\n  inStock: z.boolean(),\n  tags: z.array(z.string()).default([]),\n  createdAt: z.coerce.date(),\n})\n\nexport type Product = z.infer<typeof ProductSchema>\n\n\/\/ \u578b\u5b89\u5168\u306aAPI\u547c\u3073\u51fa\u3057\u95a2\u6570\nasync function fetchProducts(\n  page: number = 1,\n  perPage: number = 20\n): Promise<z.infer<ReturnType<typeof PaginatedResponseSchema<typeof ProductSchema>>>['data']> {\n  const response = await fetch(`\/api\/products?page=${page}&per_page=${perPage}`)\n\n  if (!response.ok) {\n    throw new Error(`HTTP Error: ${response.status}`)\n  }\n\n  const json = await response.json()\n\n  \/\/ \u30e9\u30f3\u30bf\u30a4\u30e0\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\n  const parsed = PaginatedResponseSchema(ProductSchema).safeParse(json)\n\n  if (!parsed.success) {\n    \/\/ \u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30a8\u30e9\u30fc\u306e\u8a73\u7d30\u3092\u30ed\u30b0\u51fa\u529b\n    console.error('API response validation failed:', parsed.error.format())\n    throw new Error('Invalid API response format')\n  }\n\n  return parsed.data.data\n}\n\n\/\/ discriminated union \u3067\u6210\u529f\/\u5931\u6557\u3092\u578b\u5b89\u5168\u306b\u6271\u3046\nconst ResponseSchema = z.discriminatedUnion('status', [\n  z.object({ status: z.literal('success'), data: ProductSchema }),\n  z.object({\n    status: z.literal('error'),\n    code: z.enum(['NOT_FOUND', 'UNAUTHORIZED', 'INTERNAL_SERVER_ERROR', 'VALIDATION_ERROR']),\n    message: z.string(),\n    details: z.record(z.array(z.string())).optional(),\n  }),\n])\n\nasync function fetchProduct(id: string) {\n  const json = await fetch(`\/api\/products\/${id}`).then(r => r.json())\n  const result = ResponseSchema.parse(json)\n\n  if (result.status === 'error') {\n    \/\/ TypeScript\u304cresult.code, result.message\u3092\u8a8d\u8b58\n    throw new Error(`${result.code}: ${result.message}`)\n  }\n\n  return result.data  \/\/ TypeScript\u304cresult.data\u3092Product\u3068\u8a8d\u8b58\n}<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">\u30d5\u30a9\u30fc\u30e0\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\uff5cReact Hook Form\u9023\u643a<\/h2>\n\n\n\n<pre class=\"wp-block-code\"><code>>import { z } from 'zod'\nimport { useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform\/resolvers\/zod'\n\n\/\/ \u30d5\u30a9\u30fc\u30e0\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30b9\u30ad\u30fc\u30de\nconst RegisterSchema = z.object({\n  username: z\n    .string()\n    .min(3, '\u30e6\u30fc\u30b6\u30fc\u540d\u306f3\u6587\u5b57\u4ee5\u4e0a\u3067\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044')\n    .max(20, '\u30e6\u30fc\u30b6\u30fc\u540d\u306f20\u6587\u5b57\u4ee5\u5185\u3067\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044')\n    .regex(\/^[a-zA-Z0-9_]+$\/, '\u534a\u89d2\u82f1\u6570\u5b57\u3068\u30a2\u30f3\u30c0\u30fc\u30b9\u30b3\u30a2\u306e\u307f\u4f7f\u7528\u3067\u304d\u307e\u3059'),\n  email: z.string().email('\u6709\u52b9\u306a\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044'),\n  password: z\n    .string()\n    .min(8, '\u30d1\u30b9\u30ef\u30fc\u30c9\u306f8\u6587\u5b57\u4ee5\u4e0a\u3067\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044')\n    .regex(\/[A-Z]\/, '\u5927\u6587\u5b57\u30921\u6587\u5b57\u4ee5\u4e0a\u542b\u3081\u3066\u304f\u3060\u3055\u3044')\n    .regex(\/[0-9]\/, '\u6570\u5b57\u30921\u6587\u5b57\u4ee5\u4e0a\u542b\u3081\u3066\u304f\u3060\u3055\u3044'),\n  confirmPassword: z.string(),\n  birthDate: z.coerce.date().max(new Date(), '\u672a\u6765\u306e\u65e5\u4ed8\u306f\u5165\u529b\u3067\u304d\u307e\u305b\u3093'),\n  plan: z.enum(['free', 'pro', 'enterprise'], {\n    errorMap: () => ({ message: '\u30d7\u30e9\u30f3\u3092\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044' }),\n  }),\n  agreeToTerms: z.literal(true, {\n    errorMap: () => ({ message: '\u5229\u7528\u898f\u7d04\u3078\u306e\u540c\u610f\u304c\u5fc5\u8981\u3067\u3059' }),\n  }),\n}).refine(\n  (data) => data.password === data.confirmPassword,\n  {\n    message: '\u30d1\u30b9\u30ef\u30fc\u30c9\u304c\u4e00\u81f4\u3057\u307e\u305b\u3093',\n    path: ['confirmPassword'],\n  }\n)\n\ntype RegisterForm = z.infer<typeof RegisterSchema>\n\nexport function RegisterForm() {\n  const {\n    register,\n    handleSubmit,\n    formState: { errors, isSubmitting, isValid },\n    watch,\n    setError,\n  } = useForm<RegisterForm>({\n    resolver: zodResolver(RegisterSchema),\n    mode: 'onChange',  \/\/ \u5165\u529b\u3059\u308b\u305f\u3073\u306b\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\n    defaultValues: {\n      plan: 'free',\n    },\n  })\n\n  const onSubmit = async (data: RegisterForm) => {\n    try {\n      await registerUser(data)\n    } catch (error) {\n      \/\/ \u30b5\u30fc\u30d0\u30fc\u30a8\u30e9\u30fc\u3092\u30d5\u30a9\u30fc\u30e0\u30a8\u30e9\u30fc\u3068\u3057\u3066\u8868\u793a\n      setError('email', { message: '\u3053\u306e\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9\u306f\u65e2\u306b\u767b\u9332\u3055\u308c\u3066\u3044\u307e\u3059' })\n    }\n  }\n\n  return (\n    <form onSubmit={handleSubmit(onSubmit)} noValidate>\n      <div>\n        <label>\u30e6\u30fc\u30b6\u30fc\u540d<\/label>\n        <input\n          {...register('username')}\n          placeholder=\"\u534a\u89d2\u82f1\u6570\u5b573\u301c20\u6587\u5b57\"\n          aria-invalid={!!errors.username}\n          aria-describedby={errors.username ? 'username-error' : undefined}\n        \/>\n        {errors.username && (\n          <p id=\"username-error\" role=\"alert\" style={{ color: 'red' }}>\n            {errors.username.message}\n          <\/p>\n        )}\n      <\/div>\n\n      <div>\n        <label>\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9<\/label>\n        <input {...register('email')} type=\"email\" \/>\n        {errors.email && <p role=\"alert\">{errors.email.message}<\/p>}\n      <\/div>\n\n      <div>\n        <label>\u30d1\u30b9\u30ef\u30fc\u30c9<\/label>\n        <input {...register('password')} type=\"password\" \/>\n        {errors.password && <p role=\"alert\">{errors.password.message}<\/p>}\n      <\/div>\n\n      <div>\n        <label>\u30d1\u30b9\u30ef\u30fc\u30c9\uff08\u78ba\u8a8d\uff09<\/label>\n        <input {...register('confirmPassword')} type=\"password\" \/>\n        {errors.confirmPassword && <p role=\"alert\">{errors.confirmPassword.message}<\/p>}\n      <\/div>\n\n      <div>\n        <label>\u30d7\u30e9\u30f3<\/label>\n        <select {...register('plan')}>\n          <option value=\"free\">Free<\/option>\n          <option value=\"pro\">Pro<\/option>\n          <option value=\"enterprise\">Enterprise<\/option>\n        <\/select>\n        {errors.plan && <p role=\"alert\">{errors.plan.message}<\/p>}\n      <\/div>\n\n      <div>\n        <input {...register('agreeToTerms')} type=\"checkbox\" value=\"true\" \/>\n        <label>\u5229\u7528\u898f\u7d04\u306b\u540c\u610f\u3059\u308b<\/label>\n        {errors.agreeToTerms && <p role=\"alert\">{errors.agreeToTerms.message}<\/p>}\n      <\/div>\n\n      <button type=\"submit\" disabled={isSubmitting || !isValid}>\n        {isSubmitting ? '\u9001\u4fe1\u4e2d...' : '\u767b\u9332\u3059\u308b'}\n      <\/button>\n    <\/form>\n  )\n}<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">\u30b5\u30fc\u30d0\u30fc\u30b5\u30a4\u30c9\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\uff5cNext.js\u30fbHono<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Next.js App Router \u3067\u306e\u30ea\u30af\u30a8\u30b9\u30c8\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3<\/h3>\n\n\n\n<pre class=\"wp-block-code\"><code>>\/\/ app\/api\/products\/route.ts\nimport { NextRequest, NextResponse } from 'next\/server'\nimport { z } from 'zod'\n\n\/\/ \u30af\u30a8\u30ea\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u306e\u30b9\u30ad\u30fc\u30de\nconst SearchParamsSchema = z.object({\n  page: z.coerce.number().int().positive().default(1),\n  perPage: z.coerce.number().int().min(1).max(100).default(20),\n  q: z.string().optional(),\n  category: z.enum(['electronics', 'clothing', 'food', 'other']).optional(),\n  sortBy: z.enum(['createdAt', 'price', 'name']).default('createdAt'),\n  order: z.enum(['asc', 'desc']).default('desc'),\n})\n\n\/\/ \u30ea\u30af\u30a8\u30b9\u30c8\u30dc\u30c7\u30a3\u306e\u30b9\u30ad\u30fc\u30de\nconst CreateProductSchema = z.object({\n  name: z.string().min(1).max(200),\n  price: z.number().positive().multipleOf(1), \/\/ \u6574\u6570\u5186\n  category: z.enum(['electronics', 'clothing', 'food', 'other']),\n  description: z.string().max(5000).optional(),\n  tags: z.array(z.string().max(30)).max(10).default([]),\n})\n\nexport async function GET(request: NextRequest) {\n  \/\/ \u30af\u30a8\u30ea\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u3092\u691c\u8a3c\n  const searchParams = Object.fromEntries(request.nextUrl.searchParams)\n  const parseResult = SearchParamsSchema.safeParse(searchParams)\n\n  if (!parseResult.success) {\n    return NextResponse.json(\n      {\n        status: 'error',\n        code: 'VALIDATION_ERROR',\n        message: 'Invalid query parameters',\n        details: parseResult.error.flatten().fieldErrors,\n      },\n      { status: 400 }\n    )\n  }\n\n  const { page, perPage, q, category, sortBy, order } = parseResult.data\n  const products = await db.products.findMany({ \/* ... *\/ })\n\n  return NextResponse.json({ status: 'success', data: { items: products } })\n}\n\nexport async function POST(request: NextRequest) {\n  const body = await request.json().catch(() => null)\n\n  const parseResult = CreateProductSchema.safeParse(body)\n\n  if (!parseResult.success) {\n    return NextResponse.json(\n      {\n        status: 'error',\n        code: 'VALIDATION_ERROR',\n        details: parseResult.error.flatten().fieldErrors,\n      },\n      { status: 422 }\n    )\n  }\n\n  const product = await db.products.create({ data: parseResult.data })\n  return NextResponse.json({ status: 'success', data: product }, { status: 201 })\n}<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">Hono + Zod\u30d0\u30ea\u30c7\u30fc\u30bf\u30fc\u30df\u30c9\u30eb\u30a6\u30a7\u30a2<\/h3>\n\n\n\n<pre class=\"wp-block-code\"><code>>\/\/ Hono \u306e @hono\/zod-validator \u3092\u4f7f\u3063\u305f\u5b9f\u88c5\nimport { Hono } from 'hono'\nimport { zValidator } from '@hono\/zod-validator'\nimport { z } from 'zod'\n\nconst app = new Hono()\n\nconst CreateUserSchema = z.object({\n  name: z.string().min(1),\n  email: z.string().email(),\n  password: z.string().min(8),\n})\n\n\/\/ zodValidator \u30df\u30c9\u30eb\u30a6\u30a7\u30a2\u3092\u4f7f\u3063\u3066\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u81ea\u52d5\u691c\u8a3c\napp.post(\n  '\/api\/users',\n  zValidator('json', CreateUserSchema, (result, c) => {\n    if (!result.success) {\n      return c.json(\n        {\n          status: 'error',\n          details: result.error.flatten().fieldErrors,\n        },\n        422\n      )\n    }\n  }),\n  async (c) => {\n    const { name, email, password } = c.req.valid('json') \/\/ \u578b\u5b89\u5168\n    const user = await createUser({ name, email, password })\n    return c.json({ status: 'success', data: user }, 201)\n  }\n)\n\n\/\/ \u30af\u30a8\u30ea\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u306e\u691c\u8a3c\nconst QuerySchema = z.object({\n  limit: z.coerce.number().int().positive().default(20),\n  offset: z.coerce.number().int().nonnegative().default(0),\n})\n\napp.get(\n  '\/api\/users',\n  zValidator('query', QuerySchema),\n  async (c) => {\n    const { limit, offset } = c.req.valid('query') \/\/ \u578b\u5b89\u5168\n    const users = await db.users.findMany({ take: limit, skip: offset })\n    return c.json({ data: users })\n  }\n)\n\nexport default app<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Zod\u3092\u3069\u3053\u3067\u3069\u306e\u3088\u3046\u306b\u3059\u308b\u304bU\u306e2\u3064\u306e\u8a2d\u8a08\u30d1\u30bf\u30fc\u30f3<\/h2>\n\n\n\n<pre class=\"wp-block-code\"><code>>\u3010\u30d1\u30bf\u30fc\u30f31\uff1aZod\u30b9\u30ad\u30fc\u30de\u3092\u300c\u552f\u4e00\u306e\u771f\u5b9f\uff08Single Source of Truth\uff09\u300d\u3068\u3059\u308b\u3011\n\n\/\/ \u2705 \u30b9\u30ad\u30fc\u30de\u304b\u3089\u578b\u3092\u751f\u6210\u3057\u3066\u30a2\u30d7\u30ea\u5168\u4f53\u3067\u4f7f\u3046\nconst UserSchema = z.object({\n  id: z.number(),\n  name: z.string(),\n  email: z.string().email(),\n})\ntype User = z.infer<typeof UserSchema>  \/\/ interface\u3092\u5225\u9014\u66f8\u304b\u306a\u3044\n\n\/\/ \u30e1\u30ea\u30c3\u30c8\n\/\/ \u2192 \u578b\u3068\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u304c\u5e38\u306b\u4e00\u81f4\n\/\/ \u2192 DRY\uff08Don't Repeat Yourself\uff09\u539f\u5247\u306e\u5fb9\u5e95\n\/\/ \u2192 \u30b9\u30ad\u30fc\u30de\u3092\u5909\u66f4\u3059\u308c\u3070\u578b\u3082\u81ea\u52d5\u7684\u306b\u5909\u308f\u308b\n\n\/\/ \u30c7\u30e1\u30ea\u30c3\u30c8\n\/\/ \u2192 Zod\u3078\u306e\u4f9d\u5b58\u5ea6\u304c\u9ad8\u307e\u308b\n\/\/ \u2192 \u8907\u96d1\u306a\u578b\uff08\u6761\u4ef6\u578b\u30fbmapped\u578b\uff09\u306fZod\u3067\u8868\u73fe\u3057\u306b\u304f\u3044\n\n\u3010\u30d1\u30bf\u30fc\u30f32\uff1aZod\u3092\u300c\u5883\u754c\u300d\u3067\u306e\u307f\u4f7f\u3046\uff08\u95a2\u5fc3\u306e\u5206\u96e2\uff09\u3011\n\n\/\/ \u2705 \u5185\u90e8\u578b\u306f interface\/type \u3067\u5b9a\u7fa9\uff08\u30c9\u30e1\u30a4\u30f3\u30e2\u30c7\u30eb\uff09\ninterface User {\n  id: number\n  name: string\n  email: string\n}\n\n\/\/ \u2705 API\u3068\u306e\u5883\u754c\u90e8\u5206\u3067\u306e\u307fZod\u30b9\u30ad\u30fc\u30de\u3092\u4f7f\u3046\uff08\u30a2\u30c0\u30d7\u30bf\u30fc\u5c64\uff09\nconst UserApiSchema = z.object({\n  id: z.number(),\n  name: z.string(),\n  email: z.string().email(),\n})\n\nfunction toUser(raw: unknown): User {\n  const parsed = UserApiSchema.parse(raw)  \/\/ \u691c\u8a3c\u3057\u3066\u5185\u90e8\u578b\u306b\u5909\u63db\n  return { id: parsed.id, name: parsed.name, email: parsed.email }\n}\n\n\/\/ \u30e1\u30ea\u30c3\u30c8\n\/\/ \u2192 \u30c9\u30e1\u30a4\u30f3\u5c64\u304cZod\u975e\u4f9d\u5b58\uff08\u30dd\u30fc\u30bf\u30d3\u30ea\u30c6\u30a3\u304c\u9ad8\u3044\uff09\n\/\/ \u2192 \u8907\u96d1\u306a\u578b\u3082interface\u3067\u81ea\u7531\u306b\u8868\u73fe\u3067\u304d\u308b\n\n\/\/ \u30c7\u30e1\u30ea\u30c3\u30c8\n\/\/ \u2192 \u30b9\u30ad\u30fc\u30de\u3068interface\u306e\u4e8c\u91cd\u5b9a\u7fa9\u304c\u767a\u751f\n\/\/ \u2192 \u4e00\u65b9\u3092\u5909\u66f4\u3057\u305f\u3068\u304d\u306b\u4ed6\u65b9\u3092\u66f4\u65b0\u3057\u5fd8\u308c\u308b\u30ea\u30b9\u30af\n\n\u3010\u63a8\u5968\u3011\n\u2192 \u5c0f\u301c\u4e2d\u898f\u6a21\uff1a\u30d1\u30bf\u30fc\u30f31\uff08\u30b9\u30ad\u30fc\u30de\u304c\u552f\u4e00\u306e\u771f\u5b9f\uff09\n\u2192 \u5927\u898f\u6a21\u30fb\u30c9\u30e1\u30a4\u30f3\u99c6\u52d5\u8a2d\u8a08\uff1a\u30d1\u30bf\u30fc\u30f32\uff08\u5883\u754c\u3067\u306e\u307f\u4f7f\u7528\uff09<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Zod\u3068Yup\u30fbValibot\u306e\u6bd4\u8f03<\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th>\u6bd4\u8f03\u9805\u76ee<\/th><th>Zod<\/th><th>Yup<\/th><th>Valibot<\/th><\/tr><\/thead><tbody><tr><td>TypeScript\u9023\u643a<\/td><td>\u25ce z.infer\u3067\u578b\u81ea\u52d5\u751f\u6210<\/td><td>\u25b3 \u5225\u9014\u578b\u5b9a\u7fa9\u304c\u5fc5\u8981<\/td><td>\u25ce \u578b\u63a8\u8ad6\u5bfe\u5fdc<\/td><\/tr><tr><td>\u30d0\u30f3\u30c9\u30eb\u30b5\u30a4\u30ba<\/td><td>\u25b3 \u7d0414KB\uff08gzip\uff09<\/td><td>\u25b3 \u7d0418KB\uff08gzip\uff09<\/td><td>\u25ce \u7d041KB\uff08tree-shaking\uff09<\/td><\/tr><tr><td>React Hook Form\u9023\u643a<\/td><td>\u25ce @hookform\/resolvers<\/td><td>\u25ce @hookform\/resolvers<\/td><td>\u25cb @hookform\/resolvers<\/td><\/tr><tr><td>\u30a8\u30b3\u30b7\u30b9\u30c6\u30e0<\/td><td>\u25ce \u6700\u5927\uff08tRPC\u30fbdrizzle\u7b49\uff09<\/td><td>\u25cb \u8c4a\u5bcc<\/td><td>\u25b3 \u767a\u5c55\u9014\u4e0a<\/td><\/tr><tr><td>API<\/td><td>\u30e1\u30bd\u30c3\u30c9\u30c1\u30a7\u30fc\u30f3<\/td><td>\u30e1\u30bd\u30c3\u30c9\u30c1\u30a7\u30fc\u30f3<\/td><td>\u95a2\u6570\u5408\u6210\u30b9\u30bf\u30a4\u30eb<\/td><\/tr><tr><td>\u975e\u540c\u671f\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3<\/td><td>\u25cb\uff08parseAsync\uff09<\/td><td>\u25ce\uff08\u30cd\u30a4\u30c6\u30a3\u30d6\u5bfe\u5fdc\uff09<\/td><td>\u25cb\uff08parseAsync\uff09<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">\u3088\u304f\u3042\u308b\u8cea\u554f<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">zodResolver\u3068interface\u306e\u578b\u5b9a\u7fa9\u306f\u4e21\u65b9\u5fc5\u8981\u3067\u3059\u304b\uff1f<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><code>z.infer<\/code>\u3067\u30b9\u30ad\u30fc\u30de\u304b\u3089\u578b\u3092\u751f\u6210\u3059\u308c\u3070\u3001interface\u306e\u5225\u9014\u5b9a\u7fa9\u306f\u4e0d\u8981\u3067\u3059\u3002<code>type LoginForm = z.infer&lt;typeof LoginSchema&gt;<\/code>\u3068\u3059\u308b\u3060\u3051\u3067TypeScript\u306e\u578b\u3068\u3057\u3066\u6a5f\u80fd\u3057\u307e\u3059\u3002interface\u3068Zod\u30b9\u30ad\u30fc\u30de\u306e\u4e8c\u91cd\u7ba1\u7406\u306f\u30df\u30b9\u306e\u539f\u56e0\u306b\u306a\u308b\u305f\u3081\u3001\u30d1\u30bf\u30fc\u30f31\uff08\u30b9\u30ad\u30fc\u30de\u304c\u552f\u4e00\u306e\u771f\u5b9f\uff09\u3092\u63a1\u7528\u3059\u308b\u5834\u5408\u306f<code>z.infer<\/code>\u306e\u307f\u3092\u4f7f\u3046\u306e\u304c\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9\u3067\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">optional\u3068nullable\u306e\u9055\u3044\u306f\u4f55\u3067\u3059\u304b\uff1f<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><code>z.string().optional()<\/code>\u306f<code>string | undefined<\/code>\u306e\u578b\u3092\u751f\u6210\u3057\u3001\u30d5\u30a3\u30fc\u30eb\u30c9\u304c\u5b58\u5728\u3057\u306a\u304f\u3066\u3082\u30a8\u30e9\u30fc\u306b\u306a\u3089\u306a\u3044\u8a2d\u5b9a\u3067\u3059\u3002<code>z.string().nullable()<\/code>\u306f<code>string | null<\/code>\u306e\u578b\u3092\u751f\u6210\u3057\u3001\u30d5\u30a3\u30fc\u30eb\u30c9\u304c<code>null<\/code>\u3067\u3082\u30a8\u30e9\u30fc\u306b\u306a\u3089\u306a\u3044\u8a2d\u5b9a\u3067\u3059\u3002<code>z.string().nullish()<\/code>\u306f<code>string | null | undefined<\/code>\u306e\u578b\u3092\u751f\u6210\u3057\u3001\u3069\u3061\u3089\u3082\u8a31\u53ef\u3057\u307e\u3059\u3002API\u306e\u4ed5\u69d8\u306b\u5408\u308f\u305b\u3066\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">tRPC\u3068Zod\u306e\u7d44\u307f\u5408\u308f\u305b\u65b9\u3092\u6559\u3048\u3066\u304f\u3060\u3055\u3044\u3002<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">tRPC\u306fZod\u3068\u306e\u7d44\u307f\u5408\u308f\u305b\u304c\u524d\u63d0\u8a2d\u8a08\u306b\u306a\u3063\u3066\u3044\u307e\u3059\u3002\u30d7\u30ed\u30b7\u30fc\u30b8\u30e3\u306e\u5165\u529b\u30b9\u30ad\u30fc\u30de\u3068\u3057\u3066<code>input(z.object({...}))<\/code>\u3092\u5b9a\u7fa9\u3059\u308b\u3060\u3051\u3067\u3001\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u5074\u3068\u30b5\u30fc\u30d0\u30fc\u5074\u306e\u4e21\u65b9\u3067\u578b\u5b89\u5168\u304c\u78ba\u4fdd\u3055\u308c\u307e\u3059\u3002tRPC\u3067\u306fZod\u30b9\u30ad\u30fc\u30de\u304b\u3089\u81ea\u52d5\u7684\u306b\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u7528\u306e\u578b\u304c\u751f\u6210\u3055\u308c\u308b\u305f\u3081\u3001\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u3068\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u306e\u578b\u3092\u5b8c\u5168\u306b\u7d71\u4e00\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Zod\u306e\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u306f\u5927\u4e08\u592b\u3067\u3059\u304b\uff1f<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u901a\u5e38\u306eAPI\u30ec\u30b9\u30dd\u30f3\u30b9\uff08\u6570\u5341\u301c\u6570\u767e\u4ef6\uff09\u3067\u306f\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u554f\u984c\u306f\u307b\u307c\u767a\u751f\u3057\u307e\u305b\u3093\u3002\u5927\u91cf\u30c7\u30fc\u30bf\uff08\u6570\u5343\u4ef6\u306e\u914d\u5217\u7b49\uff09\u3092\u6bce\u56de\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u3059\u308b\u5834\u5408\u306f\u5f71\u97ff\u304c\u51fa\u308b\u3053\u3068\u304c\u3042\u308a\u307e\u3059\u3002\u5bfe\u7b56\u3068\u3057\u3066\u2460\u4fe1\u983c\u6e08\u307f\u306e\u30c7\u30fc\u30bf\uff08DB\u76f4\u63a5\u53d6\u5f97\uff09\u306f\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u3092\u7701\u7565\u3001\u2461\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u3067\u306f<code>safeParse<\/code>\u3092\u30e1\u30e2\u5316\u3001\u2462\u30d0\u30f3\u30c9\u30eb\u30b5\u30a4\u30ba\u304c\u6c17\u306b\u306a\u308b\u5834\u5408\u306fValibot\u3078\u306e\u79fb\u884c\u3092\u691c\u8a0e\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Zod\u3067\u518d\u5e30\u7684\u306a\u30b9\u30ad\u30fc\u30de\uff08\u30c4\u30ea\u30fc\u69cb\u9020\u306a\u3069\uff09\u306f\u5b9a\u7fa9\u3067\u304d\u307e\u3059\u304b\uff1f<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u3067\u304d\u307e\u3059\u3002<code>z.lazy()<\/code>\u3092\u4f7f\u3046\u3053\u3068\u3067\u518d\u5e30\u7684\u306a\u30b9\u30ad\u30fc\u30de\u3092\u5b9a\u7fa9\u3067\u304d\u307e\u3059\u3002\u305f\u3060\u3057<code>z.infer<\/code>\u3067\u306f\u81ea\u52d5\u7684\u306b\u578b\u3092\u751f\u6210\u3067\u304d\u306a\u3044\u305f\u3081\u3001TypeScript\u306e\u578b\u3092\u5225\u9014\u5b9a\u7fa9\u3057\u3066\u30b9\u30ad\u30fc\u30de\u306b\u578b\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u3068\u3057\u3066\u6e21\u3059\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002\u30ab\u30c6\u30b4\u30ea\u306e\u30c4\u30ea\u30fc\u69cb\u9020\u3084\u30b3\u30e1\u30f3\u30c8\u306e\u30cd\u30b9\u30c8\u69cb\u9020\u306a\u3069\u3001\u518d\u5e30\u30c7\u30fc\u30bf\u3092\u6271\u3046\u5834\u5408\u306b\u6d3b\u7528\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">\u307e\u3068\u3081<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Zod\u306e\u5f79\u5272<\/strong>\uff1aTypeScript\u306e\u578b\u304c\u6d88\u3048\u308b\u30b3\u30f3\u30d1\u30a4\u30eb\u5f8c\u3082\u30e9\u30f3\u30bf\u30a4\u30e0\u3067\u30c7\u30fc\u30bf\u3092\u691c\u8a3c\u3002\u578b\u5b89\u5168\u3068\u30e9\u30f3\u30bf\u30a4\u30e0\u5b89\u5168\u3092\u4e21\u7acb<\/li>\n\n\n<li><strong>z.infer<\/strong>\uff1a\u30b9\u30ad\u30fc\u30de\u304b\u3089TypeScript\u306e\u578b\u3092\u81ea\u52d5\u751f\u6210\u3002interface\u3068\u306e\u4e8c\u91cd\u5b9a\u7fa9\u304c\u4e0d\u8981\u3067\u3001\u5909\u66f4\u7b87\u6240\u304c1\u304b\u6240\u306b\u96c6\u7d04\u3055\u308c\u308b<\/li>\n\n\n<li><strong>safeParse<\/strong>\uff1a\u30a8\u30e9\u30fc\u3092\u30b9\u30ed\u30fc\u3057\u306a\u3044\u5b89\u5168\u306a\u691c\u8a3c\u30e1\u30bd\u30c3\u30c9\u3002API\u5883\u754c\u3067\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30fb\u30d5\u30a9\u30fc\u30e0\u30a8\u30e9\u30fc\u8868\u793a\u306b\u6700\u9069<\/li>\n\n\n<li><strong>refine\/superRefine<\/strong>\uff1a\u30ab\u30b9\u30bf\u30e0\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u3067\u30d1\u30b9\u30ef\u30fc\u30c9\u78ba\u8a8d\u306a\u3069\u306e\u30af\u30ed\u30b9\u30d5\u30a3\u30fc\u30eb\u30c9\u691c\u8a3c\u3092\u5b9f\u88c5<\/li>\n\n\n<li><strong>transform\/coerce<\/strong>\uff1a\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u3068\u540c\u6642\u306b\u30c7\u30fc\u30bf\u5909\u63db\u3002\u30d5\u30a9\u30fc\u30e0\u30c7\u30fc\u30bf\uff08\u5168\u3066\u6587\u5b57\u5217\uff09\u3092\u578b\u5909\u63db\u3059\u308b\u306e\u306b\u7279\u306b\u6709\u52b9<\/li>\n\n\n<li><strong>\u74b0\u5883\u5909\u6570\u691c\u8a3c<\/strong>\uff1a\u30a2\u30d7\u30ea\u8d77\u52d5\u6642\u306b\u74b0\u5883\u5909\u6570\u3092\u691c\u8a3c\u3059\u308b\u3053\u3068\u3067\u3001\u8a2d\u5b9a\u30df\u30b9\u3092\u65e9\u671f\u767a\u898b\u3067\u304d\u308b<\/li>\n\n\n<li><strong>React Hook Form\u9023\u643a<\/strong>\uff1azodResolver\u3067\u63a5\u7d9a\u3002\u30b9\u30ad\u30fc\u30de\u306e\u30eb\u30fc\u30eb\u304c\u305d\u306e\u307e\u307e\u30d5\u30a9\u30fc\u30e0\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u306b\u306a\u308b<\/li>\n\n\n<li><strong>\u30b5\u30fc\u30d0\u30fc\u30b5\u30a4\u30c9<\/strong>\uff1aNext.js\/Hono\u3067\u30ea\u30af\u30a8\u30b9\u30c8\u306e\u30af\u30a8\u30ea\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u30fb\u30dc\u30c7\u30a3\u3092\u691c\u8a3c\u3057\u3066\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30a8\u30e9\u30fc\u3092\u8fd4\u3059<\/li>\n\n\n<li><strong>\u8a2d\u8a08\u30d1\u30bf\u30fc\u30f3<\/strong>\uff1a\u5168\u4f53\u3092Zod\u3067\u7ba1\u7406\uff08\u552f\u4e00\u306e\u771f\u5b9f\uff09\u304b\u5883\u754c\u306e\u307f\u3067\u4f7f\u3046\u304b\uff08\u95a2\u5fc3\u306e\u5206\u96e2\uff09\u306f\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u898f\u6a21\u3067\u9078\u629e<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><span class=\"swl-marker mark_yellow\">Zod\u306fTypeScript\u306e\u578b\u5b89\u5168\u6027\u3092\u30e9\u30f3\u30bf\u30a4\u30e0\u307e\u3067\u5ef6\u4f38\u3059\u308b\u5b9f\u8df5\u7684\u306a\u30c4\u30fc\u30eb\u3067\u3059\u3002API\u30ec\u30b9\u30dd\u30f3\u30b9\u30fb\u30d5\u30a9\u30fc\u30e0\u30c7\u30fc\u30bf\u30fb\u74b0\u5883\u5909\u6570\u306e\u691c\u8a3c\u306b\u5c0e\u5165\u3059\u308b\u3053\u3068\u3067\u3001\u4e88\u671f\u305b\u306c\u30e9\u30f3\u30bf\u30a4\u30e0\u30a8\u30e9\u30fc\u3092\u6839\u672c\u304b\u3089\u9632\u304e\u3001\u30b3\u30fc\u30c9\u306e\u4fe1\u983c\u6027\u3092\u5927\u5e45\u306b\u9ad8\u3081\u3089\u308c\u307e\u3059\u3002\u307e\u305a\u306f\u65e2\u5b58\u306efetch\u95a2\u6570\u306bsafeParse\u3092\u8ffd\u52a0\u3059\u308b\u3068\u3053\u308d\u304b\u3089\u59cb\u3081\u3066\u307f\u307e\u3057\u3087\u3046\u3002<\/span><\/strong><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">WithCode\u3092\u4f53\u9a13\u3067\u304d\u308b\u521d\u7d1a\u30b3\u30fc\u30b9\u516c\u958b\u4e2d\uff01<\/h2>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-white-color has-text-color has-background wp-element-button\" href=\"https:\/\/withcode.tech\/reservation\/\" style=\"background-color:#ffbf00\"><strong>\u516c\u5f0f\u30b5\u30a4\u30c8\u304b\u3089\u7121\u6599\u30ab\u30a6\u30f3\u30bb\u30ea\u30f3\u30b0\u306b\u7533\u3057\u8fbc\u3080 \u2192<\/strong><\/a><\/div>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>Zod\u3067TypeScript\u306eAPI\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u3092\u30e9\u30f3\u30bf\u30a4\u30e0\u307e\u3067\u578b\u5b89\u5168\u306b\u3059\u308b\u65b9\u6cd5\u3092\u5b8c\u5168\u89e3\u8aac\u3002\u5168\u30b9\u30ad\u30fc\u30de\u578b\u30fbrefine\u30fbtransform\u30fbcoerce\u30fb\u74b0\u5883\u5909\u6570\u691c\u8a3c\u30fbReact Hook Form\u9023\u643a\u30fbNext.js\/Hono\u5b9f\u88c5\u30fbYup\u6bd4\u8f03\u307e\u3067\u7db2\u7f85\u3057\u307e\u3059\u3002<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"swell_btn_cv_data":"","footnotes":"","vk-ltc-link":"","vk-ltc-target":"0"},"categories":[34,359],"tags":[],"class_list":["post-13195","post","type-post","status-publish","format-standard","hentry","category-programming","category-javascript-programming"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/withcode.tech\/media\/wp-json\/wp\/v2\/posts\/13195","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/withcode.tech\/media\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/withcode.tech\/media\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/withcode.tech\/media\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/withcode.tech\/media\/wp-json\/wp\/v2\/comments?post=13195"}],"version-history":[{"count":2,"href":"https:\/\/withcode.tech\/media\/wp-json\/wp\/v2\/posts\/13195\/revisions"}],"predecessor-version":[{"id":13983,"href":"https:\/\/withcode.tech\/media\/wp-json\/wp\/v2\/posts\/13195\/revisions\/13983"}],"wp:attachment":[{"href":"https:\/\/withcode.tech\/media\/wp-json\/wp\/v2\/media?parent=13195"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/withcode.tech\/media\/wp-json\/wp\/v2\/categories?post=13195"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/withcode.tech\/media\/wp-json\/wp\/v2\/tags?post=13195"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}