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
48
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
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
35
怪我をして考える情報アクセシビリティ
ama_o255
0
27
CSSの歴史から選定まで
ama_o255
0
19
AIで下げたい参入障壁
ama_o255
1
29
Other Decks in Programming
See All in Programming
Mujeres en SEO Summit 2026 - Greatest Disaster Hits en Web Performance
guaca
0
190
依存関係から依存物へ―Dependencyという言葉の歴史をひも解く
j_lee
0
120
PHPで使える日時の表現と、その知り方 #frontend_phpcon_do
o0h
PRO
0
260
AI 時代のソフトウェア設計の学び方
masuda220
PRO
29
13k
AIだと陥りがちなJakarta EE最新技術への移行時の落とし穴と解決策
tnagao7
0
110
過去最大のMCPアップデート! 2026-07-28 RC版の謎に迫る
licux
6
370
New "Type" system on PicoRuby
pocke
1
980
肥大化するレガシーコードに立ち向かうためのインターフェース分離と依存の逆転 / JJUG CCC 2026 Spring
hirokunimaeta
0
580
決定論的オーケストレーションの設計と実装 / Design and Implementation of Deterministic Orchestration
nrslib
4
1.4k
TAKTでAI駆動開発の品質を設計する
j5ik2o
7
1.4k
セキュリティの専門家じゃなくてもできる。「セキュリティ意識」をアップデートして サプライチェーン攻撃への耐性を高めよう。
tk3fftk
5
890
jQueryをバージョンアップする前に使いたいjQuery Migrate
matsuo_atsushi
0
560
Featured
See All Featured
Amusing Abliteration
ianozsvald
1
210
Scaling GitHub
holman
464
140k
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
techseoconnect
PRO
0
170
Become a Pro
speakerdeck
PRO
31
6k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
12
1.2k
How to Align SEO within the Product Triangle To Get Buy-In & Support - #RIMC
aleyda
2
1.5k
What does AI have to do with Human Rights?
axbom
PRO
1
2.2k
Conquering PDFs: document understanding beyond plain text
inesmontani
PRO
4
2.8k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Pawsitive SEO: Lessons from My Dog (and Many Mistakes) on Thriving as a Consultant in the Age of AI
davidcarrasco
0
160
Primal Persuasion: How to Engage the Brain for Learning That Lasts
tmiket
0
370
Designing Powerful Visuals for Engaging Learning
tmiket
1
420
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