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
44
0
Share
Next.jsのプロダクトでzodをReact Hook Formなしで使った話
amkkr
June 30, 2025
More Decks by amkkr
See All by amkkr
React 19.2の<Activity />を触ってみた
ama_o255
0
34
怪我をして考える情報アクセシビリティ
ama_o255
0
26
CSSの歴史から選定まで
ama_o255
0
19
AIで下げたい参入障壁
ama_o255
1
28
Other Decks in Programming
See All in Programming
tsserverとは何だったのか_これからどうなるのか
nowaki28
1
240
AlarmKitで明後日起きれるアラームアプリを作る
trickart
0
140
Migrations : C'est une question d'hygiène !
vinceamstoutz
0
680
ソースコード→AST→オペコード、の旅を覗いてみる
o0h
PRO
1
140
【ディップ|26年新卒研修資料】TDD実装演習
dip_tech
PRO
0
260
Sans tests, vos agents ne sont pas fiables
nabondance
0
140
Augmenting AI with the Power of Jakarta EE
ivargrimstad
0
570
色即是空、空即是色、データサイエンス
kamoneggi
1
130
新規プロダクトを高速で生み出すハーネスエンジニアリング
seanchas116
3
210
My daily life on Ruby
a_matsuda
3
420
サークル参加から学ぶ、小さな事業の回し方
yuzneri
0
210
When benchmarks go bad - what I learned from measuring performance wrong
hollycummins
0
400
Featured
See All Featured
Ten Tips & Tricks for a 🌱 transition
stuffmc
0
110
Stop Working from a Prison Cell
hatefulcrawdad
274
21k
Large-scale JavaScript Application Architecture
addyosmani
515
110k
Skip the Path - Find Your Career Trail
mkilby
1
120
Product Roadmaps are Hard
iamctodd
PRO
55
12k
Bioeconomy Workshop: Dr. Julius Ecuru, Opportunities for a Bioeconomy in West Africa
akademiya2063
PRO
1
120
Information Architects: The Missing Link in Design Systems
soysaucechin
0
930
brightonSEO & MeasureFest 2025 - Christian Goodrich - Winning strategies for Black Friday CRO & PPC
cargoodrich
3
700
A Soul's Torment
seathinner
6
2.8k
Visualization
eitanlees
151
17k
Speed Design
sergeychernyshev
33
1.7k
So, you think you're a good person
axbom
PRO
2
2k
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