Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
Felteで作る簡単フォームバリデーション
kubotak
December 15, 2022
Programming
1
160
Felteで作る簡単フォームバリデーション
Nextbeat Tech Bar:広がるSvelteの輪!忘年LT会
kubotak
December 15, 2022
Tweet
Share
More Decks by kubotak
See All by kubotak
SvelteKitを本番投入してみて
kubotak
0
550
PlaywrightによるSvelteコンポーネントテスト
kubotak
0
1.2k
AWS CDKでまるっと インフラ環境をIaCしたぞ!
kubotak
0
80
FeatureToggle戦略と運用方法
kubotak
3
800
SvelteKitでストアのハイドレーションを考えてみた
kubotak
2
100
PHPコードを消すライブラリを作った
kubotak
0
1.1k
なぜLaravel9はLTSではないのか
kubotak
0
950
Nuxt v2からv3へのマイグレーション
kubotak
0
540
カンファレンスで登壇すること
kubotak
0
61
Other Decks in Programming
See All in Programming
Next.js 13 Layout / Streaming SSR 仕組み解説
sumiren
0
150
量子コンピュータ時代のプログラミングセミナー / 20221222_Amplify_seminar _route_optimization
fixstars
0
250
Remote SSHで行うVS Codeリモートホスト開発とトラブルシューティング
smt7174
1
520
An Advanced Introduction to R
nicetak
0
1.8k
LIFFで動く割り勘アプリTATEKAをリリースしてみた話
inoue2002
0
260
Cloudflare WorkersでGoを動かすライブラリを作っている話
syumai
1
330
Gradle build: The time is now
nonews
1
500
Step Functions Distributed Map を使ってみた
codemountains
0
120
Hono v3 - Do Everything, Run Anywhere, But Small, And Faster
yusukebe
4
140
Form実装基本を学び直してみた
hyugatsukui
0
250
ipa-medit: Memory search and patch tool for IPA without Jailbreaking/ipa-medit-bh2022-europe
tkmru
0
130
Micro Frontends with Module Federation @MicroFrontend Summit 2023
manfredsteyer
PRO
0
630
Featured
See All Featured
Why You Should Never Use an ORM
jnunemaker
PRO
49
7.9k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
6
850
Building an army of robots
kneath
301
40k
How GitHub Uses GitHub to Build GitHub
holman
465
280k
StorybookのUI Testing Handbookを読んだ
zakiyama
8
3.2k
Documentation Writing (for coders)
carmenintech
51
2.9k
Fireside Chat
paigeccino
16
1.9k
How GitHub (no longer) Works
holman
298
140k
The Brand Is Dead. Long Live the Brand.
mthomps
48
2.9k
How To Stay Up To Date on Web Technology
chriscoyier
779
250k
Fontdeck: Realign not Redesign
paulrobertlloyd
74
4.3k
VelocityConf: Rendering Performance Case Studies
addyosmani
317
22k
Transcript
Copyright© M&A Felte Nextbeat Tech Bar Svelte LT Kenjiro Kubota
Copyright© M&A Profile kubotak-is kubotak_public kenjiro.kubota M&A TypeScript PHP https://kubotak.page
Web Laravel ( )
Copyright© M&A
Copyright© M&A UI
Copyright© M&A GitHub https://github.com/kubotak-is/felte-form-sample ⾒ GitHub SvelteKit 1 . 0
. 0
Copyright© M&A Form Svelte src/lib/components/login-form.svelte
Copyright© M&A Form src/lib/components/form/input-label.svelte
Copyright© M&A Form src/lib/components/form/input-text.svelte
Copyright© M&A Form src/lib/components/form/submit-button.svelte
Copyright© M&A Felte A form library for Svelte, Solid and
React HTML 5 name https://github.com/pablo-abc/felte
Copyright© M&A Felte Form Actions
Copyright© M&A
Copyright© M&A Felte Felte
Copyright© M&A yup yup
Copyright© M&A
Copyright© M&A email
Copyright© M&A 6 255
Copyright© M&A yup schema felte
Copyright© M&A
Copyright© M&A Form input name scheme
Copyright© M&A Form input name scheme
Copyright© M&A
Copyright© M&A
Copyright© M&A yup-locale-ja yup
Copyright© M&A 🎉
Copyright© M&A suggestive descriptive
Copyright© M&A
Copyright© M&A matches
Copyright© M&A yup-password
Copyright© M&A ⾒ Submit
Copyright© M&A Felte errors
Copyright© M&A ⾒
Copyright© M&A ⾒ ⾒
Copyright© M&A ⾒ $touched
Copyright© M&A Felte email
Copyright© M&A Required If
Copyright© M&A Yes ⾒
Copyright© M&A Svelte src/lib/components/required-if-form.svelte
Copyright© M&A Form src/lib/components/form/input-radio.svelte
Copyright© M&A Form src/lib/components/form/input-text.svelte
Copyright© M&A
Copyright© M&A
Copyright© M&A when
Copyright© M&A has_secret 1 secret
Copyright© M&A has_secret 1 secret
Copyright© M&A Yes ⾒ Yes ⾒ No ⾒
Copyright© M&A React Simple Vue.js Easy Svelte Felte Svelte Simple
Easy HTML name yup React Hook Form yup Svelte Felte + yup
Copyright© M&A () => `Thanks for watching this :)`