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
Felteで作る簡単フォームバリデーション
Search
kubotak
December 15, 2022
Programming
1
1.7k
Felteで作る簡単フォームバリデーション
Nextbeat Tech Bar:広がるSvelteの輪!忘年LT会
kubotak
December 15, 2022
Tweet
Share
More Decks by kubotak
See All by kubotak
PHPでWebSocketサーバーを実装しよう2025
kubotak
0
320
情報漏洩させないための設計
kubotak
6
2.2k
Svelteコンポーネントの依存関係に秩序を〜
kubotak
0
140
DMARCレポート可視化ツールを SvelteKitで作った話
kubotak
2
550
Superforms本番投入で分かった良さとハマりどころ
kubotak
0
910
Storybookを書くだけでリグレッションテストが 実行される世界へようこそ
kubotak
31
11k
(うまくいった||いかなかった) 技術選定は何を考えていたか
kubotak
1
1.3k
ウォーターフォールに思えたプロジェクトにあったアジャイルの要素
kubotak
2
800
SvelteKitを本番投入してみて
kubotak
2
2.1k
Other Decks in Programming
See All in Programming
CDK引数設計道場100本ノック
badmintoncryer
2
480
ペアプロ × 生成AI 現場での実践と課題について / generative-ai-in-pair-programming
codmoninc
2
21k
ソフトウェア設計とAI技術の活用
masuda220
PRO
17
3.5k
レベル1の開発生産性向上に取り組む − 日々の作業の効率化・自動化を通じた改善活動
kesoji
0
300
おやつのお供はお決まりですか?@WWDC25 Recap -Japan-\(region).swift
shingangan
0
140
イベントストーミング図からコードへの変換手順 / Procedure for Converting Event Storming Diagrams to Code
nrslib
2
1.1k
可変変数との向き合い方 $$変数名が踊り出す$$ / php conference Variable variables
gunji
0
180
Google Agent Development Kit でLINE Botを作ってみた
ymd65536
2
260
PHP 8.4の新機能「プロパティフック」から学ぶオブジェクト指向設計とリスコフの置換原則
kentaroutakeda
2
1k
ISUCON研修おかわり会 講義スライド
arfes0e2b3c
1
470
Claude Code派?Gemini CLI派? みんなで比較LT会!_20250716
junholee
1
530
チームのテスト力を総合的に鍛えて品質、スピード、レジリエンスを共立させる/Testing approach that improves quality, speed, and resilience
goyoki
5
1.1k
Featured
See All Featured
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
126
53k
The World Runs on Bad Software
bkeepers
PRO
70
11k
The Straight Up "How To Draw Better" Workshop
denniskardys
235
140k
A Tale of Four Properties
chriscoyier
160
23k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
The Cost Of JavaScript in 2023
addyosmani
51
8.6k
Side Projects
sachag
455
42k
Designing Experiences People Love
moore
142
24k
GraphQLとの向き合い方2022年版
quramy
49
14k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
60k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2.2k
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 :)`