{"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-08-17T14:39:50","modified_gmt":"2026-08-17T14:39:50","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\u30fb\u74b0\u5883\u5909\u6570\u691c\u8a3c\u30fbtRPC\u9023\u643a"},"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<figure class=\"wp-block-image size-large\" data-dia=\"13195-1\"><img decoding=\"async\" width=\"1568\" height=\"652\" src=\"https:\/\/withcode.tech\/media\/wp-content\/uploads\/2026\/08\/dia-13195-1.png\" alt=\"\u578b\u6ce8\u91c8\u3068Zod\u306e\u5b88\u5099\u7bc4\u56f2\" class=\"wp-image-19498\" srcset=\"https:\/\/withcode.tech\/media\/wp-content\/uploads\/2026\/08\/dia-13195-1.png 1568w, https:\/\/withcode.tech\/media\/wp-content\/uploads\/2026\/08\/dia-13195-1-768x319.png 768w, https:\/\/withcode.tech\/media\/wp-content\/uploads\/2026\/08\/dia-13195-1-1536x639.png 1536w\" sizes=\"(max-width: 1568px) 100vw, 1568px\" \/><\/figure>\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-typescript\" data-lang=\"TypeScript\"><code>&gt;\/\/ 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><\/div>\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<figure class=\"wp-block-image size-large\" data-dia=\"13195-2\"><img decoding=\"async\" width=\"1568\" height=\"731\" src=\"https:\/\/withcode.tech\/media\/wp-content\/uploads\/2026\/08\/dia-13195-2.png\" alt=\"Zod\u5c0e\u5165\u306e\u57fa\u672c4\u30b9\u30c6\u30c3\u30d7\" class=\"wp-image-19499\" srcset=\"https:\/\/withcode.tech\/media\/wp-content\/uploads\/2026\/08\/dia-13195-2.png 1568w, https:\/\/withcode.tech\/media\/wp-content\/uploads\/2026\/08\/dia-13195-2-768x358.png 768w, https:\/\/withcode.tech\/media\/wp-content\/uploads\/2026\/08\/dia-13195-2-1536x716.png 1536w\" sizes=\"(max-width: 1568px) 100vw, 1568px\" \/><\/figure>\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-bash\" data-lang=\"Bash\"><code>&gt;npm install zod\n# or\npnpm add zod\nyarn add zod<\/code><\/pre><\/div>\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<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-typescript\" data-lang=\"TypeScript\"><code>&gt;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&lt;typeof UserSchema&gt;\n\/\/ type User = {\n\/\/   id: number;\n\/\/   name: string;\n\/\/   email: string;\n\/\/   age?: number | undefined;\n\/\/   role: \"admin\" | \"user\" | \"guest\";\n\/\/ }<\/code><\/pre><\/div>\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<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-javascript\" data-lang=\"JavaScript\"><code>&gt;\/\/ 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><\/div>\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<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-javascript\" data-lang=\"JavaScript\"><code>&gt;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&gt; 0\uff09\nz.number().negative()        \/\/ \u8ca0\u6570\u306e\u307f\uff08&lt; 0\uff09\nz.number().nonnegative()     \/\/ \u975e\u8ca0\uff08&gt;= 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><\/div>\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<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-javascript\" data-lang=\"JavaScript\"><code>&gt;\/\/ \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><\/div>\n\n\n<h3 class=\"wp-block-heading\">Union\u30fbDiscriminated Union\u30fbIntersection<\/h3>\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-typescript\" data-lang=\"TypeScript\"><code>&gt;\/\/ 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&lt;typeof RoleSchema&gt;  \/\/ \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&lt;typeof ApiResultSchema&gt;\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><\/div>\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<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-javascript\" data-lang=\"JavaScript\"><code>&gt;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) =&gt; \/[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) =&gt; \/[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) =&gt; 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) =&gt; {\n  \/\/ \u30d7\u30e9\u30f3\u3054\u3068\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u4e0a\u9650\u30c1\u30a7\u30c3\u30af\n  if (data.plan === 'free' &amp;&amp; data.maxProjects &gt; 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><\/div>\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<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-typescript\" data-lang=\"TypeScript\"><code>&gt;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) =&gt; new Date(val))  \/\/ \u6587\u5b57\u5217\u3092Date\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306b\u5909\u63db\n\ntype DateValue = z.infer&lt;typeof DateStringSchema&gt;  \/\/ \u2192 Date\n\n\/\/ \u8907\u6570\u306e\u5909\u63db\u3092\u30c1\u30a7\u30fc\u30f3\nconst UserSchema = z.object({\n  name: z.string().transform((val) =&gt; val.trim()),          \/\/ \u7a7a\u767d\u9664\u53bb\n  email: z.string().email().transform((val) =&gt; 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) =&gt; (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><\/div>\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<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-typescript\" data-lang=\"TypeScript\"><code>&gt;\/\/ 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 = () =&gt; {\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) =&gt; {\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><\/div>\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<figure class=\"wp-block-image size-large\" data-dia=\"13195-3\"><img decoding=\"async\" width=\"1568\" height=\"389\" src=\"https:\/\/withcode.tech\/media\/wp-content\/uploads\/2026\/08\/dia-13195-3.png\" alt=\"API\u30ec\u30b9\u30dd\u30f3\u30b9\u691c\u8a3c\u306e\u6d41\u308c\" class=\"wp-image-19500\" srcset=\"https:\/\/withcode.tech\/media\/wp-content\/uploads\/2026\/08\/dia-13195-3.png 1568w, https:\/\/withcode.tech\/media\/wp-content\/uploads\/2026\/08\/dia-13195-3-768x191.png 768w, https:\/\/withcode.tech\/media\/wp-content\/uploads\/2026\/08\/dia-13195-3-1536x381.png 1536w\" sizes=\"(max-width: 1568px) 100vw, 1568px\" \/><\/figure>\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-typescript\" data-lang=\"TypeScript\"><code>&gt;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 = &lt;T extends z.ZodType&gt;(itemSchema: T) =&gt;\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&lt;typeof ProductSchema&gt;\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&lt;z.infer&lt;ReturnType&lt;typeof PaginatedResponseSchema&lt;typeof ProductSchema&gt;&gt;&gt;['data']&gt; {\n  const response = await fetch(`\/api\/products?page=${page}&amp;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 =&gt; 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><\/div>\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<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-markup\" data-lang=\"HTML\"><code>&gt;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: () =&gt; ({ message: '\u30d7\u30e9\u30f3\u3092\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044' }),\n  }),\n  agreeToTerms: z.literal(true, {\n    errorMap: () =&gt; ({ message: '\u5229\u7528\u898f\u7d04\u3078\u306e\u540c\u610f\u304c\u5fc5\u8981\u3067\u3059' }),\n  }),\n}).refine(\n  (data) =&gt; 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&lt;typeof RegisterSchema&gt;\n\nexport function RegisterForm() {\n  const {\n    register,\n    handleSubmit,\n    formState: { errors, isSubmitting, isValid },\n    watch,\n    setError,\n  } = useForm&lt;RegisterForm&gt;({\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) =&gt; {\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    &lt;form onSubmit={handleSubmit(onSubmit)} noValidate&gt;\n      &lt;div&gt;\n        &lt;label&gt;\u30e6\u30fc\u30b6\u30fc\u540d&lt;\/label&gt;\n        &lt;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        \/&gt;\n        {errors.username &amp;&amp; (\n          &lt;p id=\"username-error\" role=\"alert\" style={{ color: 'red' }}&gt;\n            {errors.username.message}\n          &lt;\/p&gt;\n        )}\n      &lt;\/div&gt;\n\n      &lt;div&gt;\n        &lt;label&gt;\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9&lt;\/label&gt;\n        &lt;input {...register('email')} type=\"email\" \/&gt;\n        {errors.email &amp;&amp; &lt;p role=\"alert\"&gt;{errors.email.message}&lt;\/p&gt;}\n      &lt;\/div&gt;\n\n      &lt;div&gt;\n        &lt;label&gt;\u30d1\u30b9\u30ef\u30fc\u30c9&lt;\/label&gt;\n        &lt;input {...register('password')} type=\"password\" \/&gt;\n        {errors.password &amp;&amp; &lt;p role=\"alert\"&gt;{errors.password.message}&lt;\/p&gt;}\n      &lt;\/div&gt;\n\n      &lt;div&gt;\n        &lt;label&gt;\u30d1\u30b9\u30ef\u30fc\u30c9\uff08\u78ba\u8a8d\uff09&lt;\/label&gt;\n        &lt;input {...register('confirmPassword')} type=\"password\" \/&gt;\n        {errors.confirmPassword &amp;&amp; &lt;p role=\"alert\"&gt;{errors.confirmPassword.message}&lt;\/p&gt;}\n      &lt;\/div&gt;\n\n      &lt;div&gt;\n        &lt;label&gt;\u30d7\u30e9\u30f3&lt;\/label&gt;\n        &lt;select {...register('plan')}&gt;\n          &lt;option value=\"free\"&gt;Free&lt;\/option&gt;\n          &lt;option value=\"pro\"&gt;Pro&lt;\/option&gt;\n          &lt;option value=\"enterprise\"&gt;Enterprise&lt;\/option&gt;\n        &lt;\/select&gt;\n        {errors.plan &amp;&amp; &lt;p role=\"alert\"&gt;{errors.plan.message}&lt;\/p&gt;}\n      &lt;\/div&gt;\n\n      &lt;div&gt;\n        &lt;input {...register('agreeToTerms')} type=\"checkbox\" value=\"true\" \/&gt;\n        &lt;label&gt;\u5229\u7528\u898f\u7d04\u306b\u540c\u610f\u3059\u308b&lt;\/label&gt;\n        {errors.agreeToTerms &amp;&amp; &lt;p role=\"alert\"&gt;{errors.agreeToTerms.message}&lt;\/p&gt;}\n      &lt;\/div&gt;\n\n      &lt;button type=\"submit\" disabled={isSubmitting || !isValid}&gt;\n        {isSubmitting ? '\u9001\u4fe1\u4e2d...' : '\u767b\u9332\u3059\u308b'}\n      &lt;\/button&gt;\n    &lt;\/form&gt;\n  )\n}<\/code><\/pre><\/div>\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<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-javascript\" data-lang=\"JavaScript\"><code>&gt;\/\/ 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(() =&gt; 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><\/div>\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<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-javascript\" data-lang=\"JavaScript\"><code>&gt;\/\/ 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) =&gt; {\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) =&gt; {\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) =&gt; {\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><\/div>\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<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-typescript\" data-lang=\"TypeScript\"><code>&gt;\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&lt;typeof UserSchema&gt;  \/\/ 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><\/div>\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<figure class=\"wp-block-image size-large\" data-dia=\"13195-4\"><img decoding=\"async\" width=\"1568\" height=\"652\" src=\"https:\/\/withcode.tech\/media\/wp-content\/uploads\/2026\/08\/dia-13195-4.png\" alt=\"Zod \u3068 Valibot\" class=\"wp-image-19501\" srcset=\"https:\/\/withcode.tech\/media\/wp-content\/uploads\/2026\/08\/dia-13195-4.png 1568w, https:\/\/withcode.tech\/media\/wp-content\/uploads\/2026\/08\/dia-13195-4-768x319.png 768w, https:\/\/withcode.tech\/media\/wp-content\/uploads\/2026\/08\/dia-13195-4-1536x639.png 1536w\" sizes=\"(max-width: 1568px) 100vw, 1568px\" \/><\/figure>\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<!-- withmedia-related -->\n<h2 class=\"wp-block-heading\">\u95a2\u9023\u8a18\u4e8b<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/withcode.tech\/media\/wcstack-state-reactive-dom\/\">@wcstack\/state\u3067HTML\u306b\u30ea\u30a2\u30af\u30c6\u30a3\u30d6\u306a\u72b6\u614b\u7ba1\u7406\u3092\u5b9f\u88c5\u3059\u308b\u65b9\u6cd5\u5b8c\u5168\u30ac\u30a4\u30c9\uff5c\u30d3\u30eb\u30c9\u30ec\u30b9\u30fb\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u306a\u3057\u3067DOM\u3092\u81ea\u52d5\u66f4\u65b0\u3059\u308b\u65b9\u6cd5\u3092\u5fb9\u5e95\u89e3\u8aac<\/a><\/li>\n<li><a href=\"https:\/\/withcode.tech\/media\/webassembly-javascript-data-exchange\/\">WebAssembly\u3068JavaScript\u9593\u306e\u30c7\u30fc\u30bf\u3084\u308a\u3068\u308a\u5b8c\u5168\u30ac\u30a4\u30c9\uff5c\u7dda\u5f62\u30e1\u30e2\u30ea\u30fbArrayBuffer\u30fb\u6587\u5b57\u5217\u30fbserde-wasm-bindgen\u30fbSharedArrayBuffer\u30fb\u30b3\u30fc\u30eb\u30d0\u30c3\u30af\u30fb\u30e1\u30e2\u30ea\u7ba1\u7406\u307e\u3067\u5fb9\u5e95\u89e3\u8aac<\/a><\/li>\n<li><a href=\"https:\/\/withcode.tech\/media\/typescript-conditional-types-guide\/\">TypeScript Conditional Type\u5b8c\u5168\u30ac\u30a4\u30c9\uff5cT extends U\u30fbUnion Distribution\u30fbinfer\u30fb\u518d\u5e30\u7684\u6761\u4ef6\u578b\u30fb\u7d44\u307f\u8fbc\u307f\u30e6\u30fc\u30c6\u30a3\u30ea\u30c6\u30a3\u578b\u306e\u5b9f\u88c5\u30fb\u5b9f\u8df5\u30ab\u30b9\u30bf\u30e0\u578b\u307e\u3067\u5fb9\u5e95\u89e3\u8aac<\/a><\/li>\n<li><a href=\"https:\/\/withcode.tech\/media\/typescript-literal-types-guide\/\">TypeScript\u306e\u30ea\u30c6\u30e9\u30eb\u578b\u5b8c\u5168\u30ac\u30a4\u30c9\uff5c\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30ea\u30c6\u30e9\u30eb\u578b\u30fbconst\u30a2\u30b5\u30fc\u30b7\u30e7\u30f3\u30fb\u578b\u5b89\u5168CSS-in-JS\u30fbTailwind CVA\u30fbvanilla-extract\u30fb\u30c7\u30b6\u30a4\u30f3\u30c8\u30fc\u30af\u30f3\u5b9f\u88c5\u307e\u3067\u5fb9\u5e95\u89e3\u8aac<\/a><\/li>\n<li><a href=\"https:\/\/withcode.tech\/media\/micro-frontends-guide\/\">\u30de\u30a4\u30af\u30ed\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u5b8c\u5168\u30ac\u30a4\u30c9\uff5cModule Federation\u306e\u4ed5\u7d44\u307f\u304b\u3089Vite\u30fbwebpack\u5b9f\u88c5\u30fbMFE\u9593\u901a\u4fe1\u30fbCI\/CD\u30c7\u30d7\u30ed\u30a4\u6226\u7565\u307e\u3067\u5fb9\u5e95\u89e3\u8aac<\/a><\/li>\n<li><a href=\"https:\/\/withcode.tech\/media\/react-declarative-vs-imperative-ui\/\">React\u5ba3\u8a00\u7684UI\u3068\u547d\u4ee4\u7684UI\u306e\u9055\u3044\u3068\u4f7f\u3044\u5206\u3051\u65b9\u3010\u56f3\u89e3\uff06\u30b3\u30fc\u30c9\u4ed8\u304d\u5b8c\u5168\u30ac\u30a4\u30c9\u3011<\/a><\/li>\n<li><a href=\"https:\/\/withcode.tech\/media\/web-production-vs-web-development\/\">\u3010\u3053\u3093\u306a\u306b\u9055\u3046\uff01\u3011Web\u5236\u4f5c\u3068Web\u958b\u767a\u306e\u9055\u3044\u3092\u6bd4\u8f03\uff01<\/a><\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<!-- withmedia-references -->\n<h2 class=\"wp-block-heading\">\u53c2\u8003\u30ea\u30f3\u30af\uff08\u516c\u5f0f\u30fb\u4e00\u6b21\u60c5\u5831\uff09<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/developer.mozilla.org\/ja\/docs\/Web\/JavaScript\" target=\"_blank\" rel=\"noopener noreferrer\">MDN Web Docs \u2014 JavaScript<\/a><\/li>\n<li><a href=\"https:\/\/ja.react.dev\/\" target=\"_blank\" rel=\"noopener noreferrer\">React \u516c\u5f0f\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8<\/a><\/li>\n<li><a href=\"https:\/\/www.typescriptlang.org\/docs\/\" target=\"_blank\" rel=\"noopener noreferrer\">TypeScript \u516c\u5f0f\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8<\/a><\/li>\n<li><a href=\"https:\/\/developers.google.com\/search\/docs\/appearance\/structured-data?hl=ja\" target=\"_blank\" rel=\"noopener noreferrer\">Google \u691c\u7d22\u30bb\u30f3\u30c8\u30e9\u30eb \u2014 \u69cb\u9020\u5316\u30c7\u30fc\u30bf<\/a><\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n<h2 class=\"wp-block-heading\">AI\u30b9\u30ad\u30eb\u3067\u3001\u672a\u6765\u306e\u81ea\u5206\u3092\u30a2\u30c3\u30d7\u30c7\u30fc\u30c8\uff01<\/h2>\n\n<figure class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/s.lmes.jp\/landing-qr\/2010578884-C5To3Fmv?uLand=phzKXf\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" width=\"1254\" height=\"1254\" src=\"https:\/\/withcode.tech\/media\/wp-content\/uploads\/2026\/07\/withai-cta-banner.jpg\" alt=\"\u4eca\u306a\u3089\u5b8c\u5168\u7121\u6599\u3067AI\u3092\u5b66\u3079\u308b\uff01WithAI\" class=\"wp-image-18841\" style=\"max-width:600px;width:100%;height:auto\" srcset=\"https:\/\/withcode.tech\/media\/wp-content\/uploads\/2026\/07\/withai-cta-banner.jpg 1254w, https:\/\/withcode.tech\/media\/wp-content\/uploads\/2026\/07\/withai-cta-banner-768x768.jpg 768w\" sizes=\"(max-width: 1254px) 100vw, 1254px\" \/><\/a><\/figure>\n\n<h3 class=\"wp-block-heading\">\u4eca\u306a\u3089\u5b8c\u5168\u7121\u6599\u3067AI\u3092\u5b66\u3079\u308b\uff01<\/h3>\n\n<ul class=\"wp-block-list\">\n<li><strong>\u52d5\u753b\u3084\u5b9f\u8df5\u3067\u697d\u3057\u304f\u5b66\u3079\u308b<\/strong>\uff1a\u521d\u5fc3\u8005\u3067\u3082\u5b89\u5fc3\u306e\u30ab\u30ea\u30ad\u30e5\u30e9\u30e0<\/li>\n<li><strong>\u30b9\u30de\u30db\u30fbPC\u3069\u3061\u3089\u3067\u3082OK<\/strong>\uff1a\u597d\u304d\u306a\u6642\u9593\u306b\u5b66\u7fd2\u3067\u304d\u308b<\/li>\n<li><strong>\u6599\u91d1\u306f\u4e00\u5207\u30ca\u30b7<\/strong>\uff1a<span class=\"swl-marker mark_yellow\">0\u5186\u3067AI\u30b9\u30ad\u30eb\u304c\u8eab\u306b\u3064\u304f<\/span><\/li>\n<\/ul>\n\n<p>\u76ee\u7684\u306b\u5408\u308f\u305b\u3066\u9078\u3079\u308b\u300cAI\u526f\u696d\u300d\u300cAI\u8ee2\u8077\u300d\u300cAI\u6d3b\u7528\u300d\u306e3\u30b3\u30fc\u30b9\u3092\u7528\u610f\u3002\u526f\u53ce\u5165\u30fb\u30ad\u30e3\u30ea\u30a2\u30c1\u30a7\u30f3\u30b8\u30fb\u65e5\u5e38\u306e\u751f\u7523\u6027\u30a2\u30c3\u30d7\u307e\u3067\u3001\u3042\u306a\u305f\u306e\u30b4\u30fc\u30eb\u306b\u5408\u308f\u305b\u3066AI\u3092\u5b66\u3079\u307e\u3059\u3002<\/p>\n\n<p>\u4f1a\u54e1\u767b\u9332\u306f\u30ab\u30f3\u30bf\u30f330\u79d2\u3067\u5b8c\u4e86\u3057\u307e\u3059\u3002\u307e\u305a\u306f\u516c\u5f0fLINE\u304b\u3089\u3001\u7121\u6599\u3067AI\u5b66\u7fd2\u3092\u30b9\u30bf\u30fc\u30c8\u3057\u307e\u3057\u3087\u3046\uff01<\/p>\n\n<div class=\"wp-block-buttons\"><div class=\"wp-block-button\"><a class=\"wp-block-button__link has-white-color has-text-color has-background has-link-color wp-element-button\" href=\"https:\/\/s.lmes.jp\/landing-qr\/2010578884-C5To3Fmv?uLand=phzKXf\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"background-color:#06c755\"><strong>\u516c\u5f0fLINE\u304b\u3089\u5b66\u7fd2\u3092\u30b9\u30bf\u30fc\u30c8<\/strong><\/a><\/div><\/div>\n\n\n<!-- withmedia-faq-schema -->\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [\n    {\n      \"@type\": \"Question\",\n      \"name\": \"zodResolver\u3068interface\u306e\u578b\u5b9a\u7fa9\u306f\u4e21\u65b9\u5fc5\u8981\u3067\u3059\u304b\uff1f\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"z.infer\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\u3002type LoginForm = z.infer<typeof LoginSchema>\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\u306fz.infer\u306e\u307f\u3092\u4f7f\u3046\u306e\u304c\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9\u3067\u3059\u3002\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"optional\u3068nullable\u306e\u9055\u3044\u306f\u4f55\u3067\u3059\u304b\uff1f\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"z.string().optional()\u306fstring | undefined\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\u3002z.string().nullable()\u306fstring | null\u306e\u578b\u3092\u751f\u6210\u3057\u3001\u30d5\u30a3\u30fc\u30eb\u30c9\u304cnull\u3067\u3082\u30a8\u30e9\u30fc\u306b\u306a\u3089\u306a\u3044\u8a2d\u5b9a\u3067\u3059\u3002z.string().nullish()\u306fstring | null | undefined\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\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"tRPC\u3068Zod\u306e\u7d44\u307f\u5408\u308f\u305b\u65b9\u3092\u6559\u3048\u3066\u304f\u3060\u3055\u3044\u3002\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"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\u3066input(z.object({...}))\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\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Zod\u306e\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u306f\u5927\u4e08\u592b\u3067\u3059\u304b\uff1f\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"\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\u306fsafeParse\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\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"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\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"\u3067\u304d\u307e\u3059\u3002z.lazy()\u3092\u4f7f\u3046\u3053\u3068\u3067\u518d\u5e30\u7684\u306a\u30b9\u30ad\u30fc\u30de\u3092\u5b9a\u7fa9\u3067\u304d\u307e\u3059\u3002\u305f\u3060\u3057z.infer\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\"\n      }\n    }\n  ]\n}\n<\/script>\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":14322,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"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","has-post-thumbnail","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":17,"href":"https:\/\/withcode.tech\/media\/wp-json\/wp\/v2\/posts\/13195\/revisions"}],"predecessor-version":[{"id":19776,"href":"https:\/\/withcode.tech\/media\/wp-json\/wp\/v2\/posts\/13195\/revisions\/19776"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/withcode.tech\/media\/wp-json\/wp\/v2\/media\/14322"}],"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}]}}