Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Felteで作る簡単フォームバリデーション

Avatar for kubotak kubotak
December 15, 2022
Programming
1
1.7k

 Felteで作る簡単フォームバリデーション

Nextbeat Tech Bar：広がるSvelteの輪！忘年LT会
Avatar for kubotak

kubotak

December 15, 2022
Tweet

More Decks by kubotak

See All by kubotak
PHPでWebSocketサーバーを実装しよう2025
Avatar for kubotak kubotak
0
280
情報漏洩させないための設計
Avatar for kubotak kubotak
6
2.1k
Svelteコンポーネントの依存関係に秩序を〜
Avatar for kubotak kubotak
0
140
DMARCレポート可視化ツールを SvelteKitで作った話
Avatar for kubotak kubotak
2
550
Superforms本番投入で分かった良さとハマりどころ
Avatar for kubotak kubotak
0
900
Storybookを書くだけでリグレッションテストが 実行される世界へようこそ
Avatar for kubotak kubotak
31
11k
(うまくいった||いかなかった) 技術選定は何を考えていたか
Avatar for kubotak kubotak
1
1.2k
ウォーターフォールに思えたプロジェクトにあったアジャイルの要素
Avatar for kubotak kubotak
2
800
SvelteKitを本番投入してみて
Avatar for kubotak kubotak
2
2.1k

Other Decks in Programming

See All in Programming
Systèmes distribués, pour le meilleur et pour le pire - BreizhCamp 2025 - Conférence
Avatar for Sébastien LECACHEUR slecache
0
120
XP, Testing and ninja testing
Avatar for seki at druby.org m_seki
3
240
Composerが「依存解決」のためにどんな工夫をしているか #phpcon
Avatar for hideki kinjyo o0h
PRO
1
250
ruby.wasmで多人数リアルタイム通信ゲームを作ろう
Avatar for lni_T lnit
3
470
Result型で“失敗”を型にするPHPコードの書き方
Avatar for Takuma Kajikawa kajitack
5
650
AI駆動のマルチエージェントによる業務フロー自動化の設計と実践
Avatar for 岡本秀明 h_okkah
0
150
Porting a visionOS App to Android XR
Avatar for Akio Itaya akkeylab
0
460
Discover Metal 4
Avatar for rei rei315
2
130
WebViewの現在地 - SwiftUI時代のWebKit - / The Current State Of WebView
Avatar for marcy731 marcy731
0
120
Rubyでやりたい駆動開発 / Ruby driven development
Avatar for chobishiba chobishiba
1
700
イベントストーミング図からコードへの変換手順 / Procedure for Converting Event Storming Diagrams to Code
Avatar for nrs nrslib
2
810
第9回 情シス転職ミートアップ 株式会社IVRy（アイブリー）の紹介
Avatar for 株式会社IVRy（社員登壇資料） ivry_presentationmaterials
1
320

Featured

See All Featured
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
613
210k
Designing Experiences People Love
Avatar for Jonathan Moore moore
142
24k
Adopting Sorbet at Scale
Avatar for Ufuk Kayserilioglu ufuk
77
9.5k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
379
70k
Music & Morning Musume
Avatar for Bryan Veloso bryan
46
6.6k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
7
740
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
332
24k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
28
3.9k
Building Applications with DynamoDB
Avatar for Matt Wood mza
95
6.5k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
71
11k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
161
15k
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
10
950

Transcript

  1. Copyright© M&A Felte Nextbeat Tech Bar Svelte LT Kenjiro Kubota

  2. Copyright© M&A Profile kubotak-is kubotak_public kenjiro.kubota M&A TypeScript PHP https://kubotak.page

    Web Laravel ( )

  3. Copyright© M&A

  4. Copyright© M&A UI

  5. Copyright© M&A GitHub https://github.com/kubotak-is/felte-form-sample ⾒ GitHub SvelteKit 1 . 0

    . 0

  6. Copyright© M&A Form Svelte src/lib/components/login-form.svelte

  7. Copyright© M&A Form src/lib/components/form/input-label.svelte

  8. Copyright© M&A Form src/lib/components/form/input-text.svelte

  9. Copyright© M&A Form src/lib/components/form/submit-button.svelte

  10. Copyright© M&A Felte A form library for Svelte, Solid and

    React HTML 5 name https://github.com/pablo-abc/felte

  11. Copyright© M&A Felte Form Actions

  12. Copyright© M&A

  13. Copyright© M&A Felte Felte

  14. Copyright© M&A yup yup

  15. Copyright© M&A

  16. Copyright© M&A email

  17. Copyright© M&A 6 255

  18. Copyright© M&A yup schema felte

  19. Copyright© M&A

  20. Copyright© M&A Form input name scheme

  21. Copyright© M&A Form input name scheme

  22. Copyright© M&A

  23. Copyright© M&A

  24. Copyright© M&A yup-locale-ja yup

  25. Copyright© M&A 🎉

  26. Copyright© M&A suggestive descriptive

  27. Copyright© M&A

  28. Copyright© M&A matches

  29. Copyright© M&A yup-password

  30. Copyright© M&A ⾒ Submit

  31. Copyright© M&A Felte errors

  32. Copyright© M&A ⾒

  33. Copyright© M&A ⾒ ⾒

  34. Copyright© M&A ⾒ $touched

  35. Copyright© M&A Felte email

  36. Copyright© M&A Required If

  37. Copyright© M&A Yes ⾒

  38. Copyright© M&A Svelte src/lib/components/required-if-form.svelte

  39. Copyright© M&A Form src/lib/components/form/input-radio.svelte

  40. Copyright© M&A Form src/lib/components/form/input-text.svelte

  41. Copyright© M&A

  42. Copyright© M&A

  43. Copyright© M&A when

  44. Copyright© M&A has_secret 1 secret

  45. Copyright© M&A has_secret 1 secret

  46. Copyright© M&A Yes ⾒ Yes ⾒ No ⾒

  47. Copyright© M&A React Simple Vue.js Easy Svelte Felte Svelte Simple

    Easy HTML name yup React Hook Form yup Svelte Felte + yup

  48. Copyright© M&A () => `Thanks for watching this :)`