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
Superforms本番投入で分かった良さとハマりどころ
Search
kubotak
December 08, 2023
Programming
0
770
Superforms本番投入で分かった良さとハマりどころ
Svelte Japan Online Meetup #1
kubotak
December 08, 2023
Tweet
Share
More Decks by kubotak
See All by kubotak
情報漏洩させないための設計
kubotak
5
1.5k
Svelteコンポーネントの依存関係に秩序を〜
kubotak
0
95
DMARCレポート可視化ツールを SvelteKitで作った話
kubotak
2
490
Storybookを書くだけでリグレッションテストが 実行される世界へようこそ
kubotak
31
10k
(うまくいった||いかなかった) 技術選定は何を考えていたか
kubotak
1
1.2k
ウォーターフォールに思えたプロジェクトにあったアジャイルの要素
kubotak
2
730
Felteで作る簡単フォームバリデーション
kubotak
1
1.5k
SvelteKitを本番投入してみて
kubotak
2
2k
PlaywrightによるSvelteコンポーネントテスト
kubotak
0
3.7k
Other Decks in Programming
See All in Programming
Amazon Bedrock Multi Agentsを試してきた
tm2
1
290
sappoRo.R #12 初心者セッション
kosugitti
0
250
XStateを用いた堅牢なReact Components設計~複雑なClient Stateをシンプルに~ @React Tokyo ミートアップ #2
kfurusho
1
900
CDK開発におけるコーディング規約の運用
yamanashi_ren01
2
120
第3回関東Kaggler会_AtCoderはKaggleの役に立つ
chettub
3
1k
GAEログのコスト削減
mot_techtalk
0
120
苦しいTiDBへの移行を乗り越えて快適な運用を目指す
leveragestech
0
580
pylint custom ruleで始めるレビュー自動化
shogoujiie
0
120
iOSエンジニアから始める visionOS アプリ開発
nao_randd
3
130
Pythonでもちょっとリッチな見た目のアプリを設計してみる
ueponx
1
560
Open source software: how to live long and go far
gaelvaroquaux
0
630
PHPカンファレンス名古屋2025 タスク分解の試行錯誤〜レビュー負荷を下げるために〜
soichi
1
190
Featured
See All Featured
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Automating Front-end Workflow
addyosmani
1368
200k
The Cost Of JavaScript in 2023
addyosmani
47
7.3k
Being A Developer After 40
akosma
89
590k
How GitHub (no longer) Works
holman
314
140k
Agile that works and the tools we love
rasmusluckow
328
21k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
28
9.3k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
120k
The Invisible Side of Design
smashingmag
299
50k
Producing Creativity
orderedlist
PRO
344
39k
How STYLIGHT went responsive
nonsquared
98
5.4k
Rails Girls Zürich Keynote
gr2m
94
13k
Transcript
Copyright© M&A Superforms 入 Svelte Japan Online Meetup # 1
Kenjiro Kubota / @kubotak_public
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 Nuxt SvelteKit 行 🎉 M&A Vue 2 EOL
2023 12 月 31 日 Nuxt 2 EOL 2024 6 月 30 日 Nuxt(2 ) SvelteKit 行 一 90% 行 https://v 2 .vuejs.org/lts/ https://v 2 .nuxt.com/ja/lts/
Copyright© M&A Nuxt SvelteKit 行 🎉 https://tech.macloud.jp/entry/ 202 3 /
1 2 / 0 6 / 1 3402 0
Copyright© M&A SvelteKit 行 Superforms 用 SvelteKit 行 Sveltekit form
Form actions Superforms 用
Copyright© M&A Superforms Superforms SvelteKit Form actions Zod 用 TypeScript
高 (Superforms Zod 色 )
Copyright© M&A Superforms Superforms Svelte Hack 20 2 3 Best
Library
Copyright© M&A Form actions
Copyright© M&A Form actions SvelteKit <form> POST use:enhance 用 =
Copyright© M&A +page.server.(ts/js) +page.svelte Form actions
Copyright© M&A +page.server.(ts/js) +page.svelte Form actions POST
Copyright© M&A +page.server.(ts/js) Form actions Named actions 用 +page.svelte
Copyright© M&A Form actions use:enhance 用 JavaScript 行 Ajax
Copyright© M&A Superforms
Copyright© M&A zod
Copyright© M&A Superform form +page.server.(ts/js)
Copyright© M&A Superform form +page.server.(ts/js) zod Form superValidate
Copyright© M&A 生 form Svelte 示 +page.svelte
Copyright© M&A 生 form Svelte 示 +page.svelte
Copyright© M&A 生 form Svelte 示 +page.svelte
Copyright© M&A Form Actions +page.server.(ts/js)
Copyright© M&A
Copyright© M&A constraints 用 用 +page.svelte
Copyright© M&A constraints 用 用 +page.svelte
Copyright© M&A constraints 用 用 +page.svelte
Copyright© M&A Superforms enhance +page.svelte
Copyright© M&A 用
Copyright© M&A 用
Copyright© M&A SvelteKit snapshot +page.svelte 自
Copyright© M&A 用方
Copyright© M&A Laravel(PHP) SvelteKit adapter-node Node.js SvelteKit SvelteKit
Copyright© M&A Laravel(PHP) SvelteKit Laravel(PHP) adapter-node Node.js SvelteKit SvelteKit +page.server
Larave HTTP API
Copyright© M&A Laravel(PHP) SvelteKit Laravel(PHP) adapter-node Node.js SvelteKit SvelteKit Superforms
form +page.svelte props
Copyright© M&A Laravel(PHP) SvelteKit Laravel(PHP) adapter-node Node.js SvelteKit SvelteKit Superforms(Form
Actions) +page.server
Copyright© M&A Laravel(PHP) SvelteKit Laravel(PHP) adapter-node Node.js SvelteKit SvelteKit Superforms
Laravel HTTP API
Copyright© M&A Laravel(PHP) SvelteKit Laravel(PHP) adapter-node Node.js SvelteKit SvelteKit Laravel
Node.js SvelteKit Laravel HTTP API
Copyright© M&A Laravel(PHP) SvelteKit Laravel(PHP) adapter-node Node.js SvelteKit SvelteKit Node.js
zod 一
Copyright© M&A
Copyright© M&A Zod Superforms 自 zod
Copyright© M&A Required If 目 ⾒ 目 目 refine 用
Copyright© M&A Enum enum required ⾒ 方 (enum noempty )
Copyright© M&A 見 nullable() null nullish() null | undefined optional()
undefined
Copyright© M&A parse zod parse 行 data API 一 ⾒
行 parse
Copyright© M&A perse satisfies 言 行
Copyright© M&A
Copyright© M&A SvelteKit Form Actions Superforms 言 言 一 zod
Superforms v 2 https://blog.encodeart.dev/superforms-v 2 -supporting-all-validation-libraries
Copyright© M&A thanks watching