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
49
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
38
怪我をして考える情報アクセシビリティ
ama_o255
0
30
CSSの歴史から選定まで
ama_o255
0
21
AIで下げたい参入障壁
ama_o255
1
31
Other Decks in Programming
See All in Programming
Jindong: Introducing Declarative Haptics in Compose Multiplatform
l2hyunwoo
0
110
AI時代に設計が 最大の生産性レバーになる 意図駆動開発とデータを消さない設計|Don't Delete Your Data or Your Intent — Design as the Deepest Lever in the AI Era
tomohisa
1
840
わからない話を追いかけたら、プログラミング言語を作る側にいた
ydah
3
500
AWS DevOps AgentのAzure接続機能を検証して見えた活用法/Use Cases Verified for the AWS DevOps Agent's Azure Connectivity Feature
masakiokuda
1
230
Claude Code全社展開のためにやったことn選~プラグイン302個・コミッター271人を支えるために~
kenchan
5
1.5k
PHP に部分適用が来るぞ!……ところで何それ?おいしいの? #phpcon / phpcon-2026
shogogg
0
640
いまどきの Codex で開発する visionOS アプリの開発スタイルについて
karad
0
140
複数の Claude Code が"放置"されてしまう問題をCLI ダッシュボードを自作して解決した話
sumihiro3
1
680
ルールを書いて終わらせないハーネスエンジニアリング
yug1224
4
1.9k
freee が目指す データ マネジメント戦略 AI-Ready 時代を支える 攻めのガバナンスとは
freee
PRO
0
360
これって Effect でできたのでは? / TSKaigi Mashup Kansai #2
susisu
0
230
Apache Hive: そしてCloud Native Lakehouseへ
okumin
1
220
Featured
See All Featured
Visual Storytelling: How to be a Superhuman Communicator
reverentgeek
2
610
Noah Learner - AI + Me: how we built a GSC Bulk Export data pipeline
techseoconnect
PRO
0
380
Efficient Content Optimization with Google Search Console & Apps Script
katarinadahlin
PRO
1
790
The Cost Of JavaScript in 2023
addyosmani
55
10k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
123
22k
Principles of Awesome APIs and How to Build Them.
keavy
128
18k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
35
2.5k
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
tomoyanonymous
3
1.1k
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
konakalab
0
540
Learning to Love Humans: Emotional Interface Design
aarron
275
41k
Bootstrapping a Software Product
garrettdimon
PRO
307
120k
From Legacy to Launchpad: Building Startup-Ready Communities
dugsong
0
300
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