Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Next.jsのプロダクトでzodをReact Hook Formなしで使った話
Search
amkkr
June 30, 2025
Programming
0
33
Next.jsのプロダクトでzodをReact Hook Formなしで使った話
amkkr
June 30, 2025
Tweet
Share
More Decks by amkkr
See All by amkkr
React 19.2の<Activity />を触ってみた
ama_o255
0
23
怪我をして考える情報アクセシビリティ
ama_o255
0
18
CSSの歴史から選定まで
ama_o255
0
11
AIで下げたい参入障壁
ama_o255
0
20
Other Decks in Programming
See All in Programming
20260127_試行錯誤の結晶を1冊に。著者が解説 先輩データサイエンティストからの指南書 / author's_commentary_ds_instructions_guide
nash_efp
1
990
生成AIを活用したソフトウェア開発ライフサイクル変革の現在値
hiroyukimori
PRO
0
110
AI によるインシデント初動調査の自動化を行う AI インシデントコマンダーを作った話
azukiazusa1
1
750
並行開発のためのコードレビュー
miyukiw
0
1.2k
CSC307 Lecture 02
javiergs
PRO
1
780
Fluid Templating in TYPO3 14
s2b
0
130
Raku Raku Notion 20260128
hareyakayuruyaka
0
360
プロダクトオーナーから見たSOC2 _SOC2ゆるミートアップ#2
kekekenta
0
230
疑似コードによるプロンプト記述、どのくらい正確に実行される?
kokuyouwind
0
390
360° Signals in Angular: Signal Forms with SignalStore & Resources @ngLondon 01/2026
manfredsteyer
PRO
0
140
高速開発のためのコード整理術
sutetotanuki
1
410
Smart Handoff/Pickup ガイド - Claude Code セッション管理
yukiigarashi
0
150
Featured
See All Featured
Collaborative Software Design: How to facilitate domain modelling decisions
baasie
0
140
Ten Tips & Tricks for a 🌱 transition
stuffmc
0
71
The Illustrated Guide to Node.js - THAT Conference 2024
reverentgeek
0
260
Facilitating Awesome Meetings
lara
57
6.8k
The Hidden Cost of Media on the Web [PixelPalooza 2025]
tammyeverts
2
200
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
aleyda
1
1.1k
Everyday Curiosity
cassininazir
0
130
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
25
1.7k
Sam Torres - BigQuery for SEOs
techseoconnect
PRO
0
190
Claude Code のすすめ
schroneko
67
210k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
130k
Bash Introduction
62gerente
615
210k
Transcript
Next.js ~÷ýð¿øw zod ²React Hook Form zwwsû amkkr X: @ama_O255
¯?}Ï ]_ÿamkkr Instagram V÷ôüû~~{õûµ´¿û¸ó¸û²xwvÓò _÷wEdTech ~ùóñóüw1Õ^o~ÿ´ÿûûv~óWeb ² ÷ú²~wvt~w X: @ama_O255
Zod x ¹½üþû¿x÷ü¿}¾ù´öùú ßÛyz÷ü¿ë°x}¾ }_HP ÿhttps://zod.dev/ React Hook Form x
OzÝüóÀúó°²óxv ¿ñõ¹üþó¹zõ¹üð~ßÿ ûwzðú÷ü·÷ó³~ }_HP ÿhttps://www.react-hook-form.com/
Next.js(React) wzod ²zvxy»x ?o/_React Hook Form(RHF) ²v Ï|ûv»
oÜ RHF ²¿z{1zod ²vo}~Û´þÛÿ~ÏÏ}Ï|ñ´ó RHF Oÿxy»²~wztsx{t}oput }³zxo´±ü¹²r»³pz<x}svÞtvput
Ìo SINIS for Instagram {ttv Instagram ~Ûorÿ²¿»ðó·õüüù ÿpö{1/?~{x³yzt¿»²÷ú±ü·÷ó n~o 2024/11
~ Instagram ~µüùñüö³÷¿ù´²óø~ý²´»~ÿ xzº1úúü¹ÿ~o{wv_~_r'öõÿ~¯²_»s x{z» ôÛ õýóø¸óù¸ó¸û²~}²ct~¯Vpq õ¹üð{·y»ù´öùúMUI {þ
xsx }w¸ûv»ër{y»{1÷ýð¿ø~ß[·Ï²ÿ[¹y{ 1. RHF wß¹¼»iuÎÞ~~wßgþz~{ 2.
RHF ²ãow|\~ñüðx~ñú÷ñ} ñúóø ÷ñúóø Ïtsqtr»{¹1²w¯V|¿¼ztfw² ttx{½óóñ²ó÷wvßÍw}}v(?) »zÝï²¶psx{¸»ñõ¹üþó¹UN ù´öùú²ÿòy»{y1¼ü÷ûóÀ~ûvÿí ßx» RHF
~þ´úü²ó÷÷üøwOw\ÿ/´{×Y ö|/své³_w~÷ ï±~¼ü÷ûóÀx±ÿ~¹÷úóøw}~³¹ øwx»ÿ ´ó¿ù¿ö³öz¸ùü~èþxwvþ¹ø wzt Instagram ~gîN1ß´×~/?|{|ß |1watch wz³{ÿü¿²ù¶óù|ßs x|r»
ß¹¼»iu² /¼»÷ñúóø|NÞs~wÿ
z¹1/¼zvït~wÿ zod ~to²¯V|óy¼p
Power xAI yv²ë~y»
uº{xº Good /¼vösxtv_zt|]zx²RHF ÿö~øùöû{ñüðý×{z{n³wt» 1. ß[·Ïwö»sx{{zt 2. þ~ú|rssxw1Ow\xwv³}|gvtzt 3. More
}tWsøþ~±1s¼{¹õ{/sv»ñóðü~½óóñ²ó÷~÷wþ 1. Îß1þ|Y¿sx}´ç[ýxþ|Õvý|ûv}f~÷ýð¿ø~×w\ 2.
toôrº|xvtvt~w