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

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

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

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

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

Avatar for kubotak

kubotak

December 15, 2022

More Decks by kubotak

See All by kubotak
ハーネスエンジニアリング白書
Avatar for kubotak kubotak
0
76
Laravelにはdeleted_atがありますけど？
Avatar for kubotak kubotak
2
110
PHPでWebSocketサーバーを実装しよう2025
Avatar for kubotak kubotak
0
2.2k
情報漏洩させないための設計
Avatar for kubotak kubotak
6
3.1k
Svelteコンポーネントの依存関係に秩序を〜
Avatar for kubotak kubotak
0
240
DMARCレポート可視化ツールを SvelteKitで作った話
Avatar for kubotak kubotak
2
680
Superforms本番投入で分かった良さとハマりどころ
Avatar for kubotak kubotak
0
1.1k
Storybookを書くだけでリグレッションテストが 実行される世界へようこそ
Avatar for kubotak kubotak
31
12k
(うまくいった||いかなかった) 技術選定は何を考えていたか
Avatar for kubotak kubotak
1
1.5k

Other Decks in Programming

See All in Programming
初めてのKubernetes 本番運用でハマった話
Avatar for Kobujee_53 oku053
0
130
php-fpmのプロセスが枯渇した日-調査・対処・そして本当にやるべきだったこと-
Avatar for にわ shibuchaaaan
0
140
GitHubCopilotCLIのスラッシュコマンドを自作してみる
Avatar for tkym htkym
0
110
Generative UI & AI-Assistants for Your Angular Solutions
Avatar for Manfred Steyer manfredsteyer
PRO
1
230
5分で問診！Composer セキュリティ健康診断
Avatar for コドモン開発チーム codmoninc
0
620
AWS CDK を「作」ってみた 〜フルスクラッチで見えた CDK の裏側〜 / aws-cdk-from-scratch
Avatar for k.goto gotok365
3
2.6k
20260722_microCMSで考える、AI時代のコンテンツ運用設計
Avatar for Yoshihisa Kaino yosh1
0
120
信頼性について考えてみる（SRE NEXT 2026 miniLT）
Avatar for hayama hayama17
0
210
数百円から始めるRuby電子工作
Avatar for Tarosa tarosay
0
110
【SRE NEXT 2026 Lunch Session】一人目専任SREの立ち上げを加速する ― AIと進めたオンボーディングで2分を0.04秒にした話
Avatar for PKSHA Technology（パークシャテクノロジー） pkshadeck
PRO
0
3.1k
What's New in Android 2026
Avatar for Veronikapj veronikapj
0
210
【やさしく解説 設計編 #0】DDDのコード、読めるのに分からない人へ
Avatar for HideyukiKitao panda728
PRO
2
280

Featured

See All Featured
Building a A Zero-Code AI SEO Workflow
Avatar for Ian Lurie portentint
PRO
0
640
Side Projects
Avatar for Sacha Greif sachag
455
43k
Leo the Paperboy
Avatar for Maya Tellez mayatellez
8
1.9k
Ethics towards AI in product and experience design
Avatar for Skipper Chong Warson skipperchong
2
330
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
6.2k
sira's awesome portfolio website redesign presentation
Avatar for ElsiraPls elsirapls
0
310
Noah Learner - AI + Me: how we built a GSC Bulk Export data pipeline
Avatar for Tech SEO Connect techseoconnect
PRO
0
340
Chasing Engaging Ingredients in Design
Avatar for Sebastian Deterding codingconduct
0
240
Technical Leadership for Architectural Decision Making
Avatar for Kenny Baas-Schwegler baasie
3
450
Navigating the moral maze — ethical principles for Al-driven product design
Avatar for Skipper Chong Warson skipperchong
2
420
AI: The stuff that nobody shows you
Avatar for John Nunemaker jnunemaker
PRO
9
840
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
Avatar for David Neal reverentgeek
1
510

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 :)`