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
Lambda のコードストレージ容量に気をつけましょう
tattwan718
0
150
KIKI_MBSD Cybersecurity Challenges 2025
ikema
0
1.3k
並行開発のためのコードレビュー
miyukiw
0
1.2k
登壇資料を作る時に意識していること #登壇資料_findy
konifar
4
1.7k
AIフル活用時代だからこそ学んでおきたい働き方の心得
shinoyu
0
140
ノイジーネイバー問題を解決する 公平なキューイング
occhi
0
110
要求定義・仕様記述・設計・検証の手引き - 理論から学ぶ明確で統一された成果物定義
orgachem
PRO
1
230
HTTPプロトコル正しく理解していますか? 〜かわいい猫と共に学ぼう。ฅ^•ω•^ฅ ニャ〜
hekuchan
2
690
余白を設計しフロントエンド開発を 加速させる
tsukuha
7
2.1k
生成AIを活用したソフトウェア開発ライフサイクル変革の現在値
hiroyukimori
PRO
0
110
Claude Codeと2つの巻き戻し戦略 / Two Rewind Strategies with Claude Code
fruitriin
0
140
24時間止められないシステムを守る-医療ITにおけるランサムウェア対策の実際
koukimiura
1
130
Featured
See All Featured
Ecommerce SEO: The Keys for Success Now & Beyond - #SERPConf2024
aleyda
1
1.8k
Money Talks: Using Revenue to Get Sh*t Done
nikkihalliwell
0
160
[SF Ruby Conf 2025] Rails X
palkan
1
760
Designing Experiences People Love
moore
144
24k
Stewardship and Sustainability of Urban and Community Forests
pwiseman
0
110
Google's AI Overviews - The New Search
badams
0
910
Primal Persuasion: How to Engage the Brain for Learning That Lasts
tmiket
0
260
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
sarafernandez
0
120
Joys of Absence: A Defence of Solitary Play
codingconduct
1
290
Efficient Content Optimization with Google Search Console & Apps Script
katarinadahlin
PRO
1
330
GraphQLとの向き合い方2022年版
quramy
50
14k
Groundhog Day: Seeking Process in Gaming for Health
codingconduct
0
98
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