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
240
Superforms本番投入で分かった良さとハマりどころ
Svelte Japan Online Meetup #1
kubotak
December 08, 2023
Tweet
Share
More Decks by kubotak
See All by kubotak
DMARCレポート可視化ツールを SvelteKitで作った話
kubotak
2
270
Storybookを書くだけでリグレッションテストが 実行される世界へようこそ
kubotak
31
9.4k
(うまくいった||いかなかった) 技術選定は何を考えていたか
kubotak
1
790
ウォーターフォールに思えたプロジェクトにあったアジャイルの要素
kubotak
2
560
Felteで作る簡単フォームバリデーション
kubotak
1
940
SvelteKitを本番投入してみて
kubotak
2
1.5k
PlaywrightによるSvelteコンポーネントテスト
kubotak
0
3.1k
AWS CDKでまるっと インフラ環境をIaCしたぞ!
kubotak
0
310
FeatureToggle戦略と運用方法
kubotak
4
15k
Other Decks in Programming
See All in Programming
try! Swift Tokyo 初参加報告LT
hinakko2
0
230
Azure OpenAI Serviceのプロンプトエンジニアリング入門
tomokusaba
3
870
Behind VS Code Extensions for JavaScript / TypeScript Linnting and Formatting
unvalley
6
1.1k
Exploring the Implementation of “t.Run”, “t.Parallel”, and “t.Cleanup”
akarin
1
110
SwiftUIで使いやすいToastの作り方 / How to build a Toast system which is easy to use in SwiftUI
lovee
3
170
Java 22 Overview
kishida
1
190
What We Can Learn From OSS
inouehi
0
430
Fast JSX: Don't clone props object #28768
yossydev
1
160
FigmaとPHPで作る1ミリたりとも表示崩れしない最強の帳票印刷ソリューション
ttskch
43
19k
MetricKitで予期せぬ終了を検知する話 / Detect unexpected termination with MetricKit
nekowen
1
200
Build Apps for iOS, Android & Desktop in 100% Kotlin With Compose Multiplatform (mDevCamp 2024)
zsmb
0
430
dbtのドメイン分割による データ基盤の改善とDigdagとの連携
sakama
0
440
Featured
See All Featured
Unsuck your backbone
ammeep
663
57k
Art, The Web, and Tiny UX
lynnandtonic
290
19k
What's new in Ruby 2.0
geeforr
337
31k
Side Projects
sachag
451
41k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
21
1.4k
Imperfection Machines: The Place of Print at Facebook
scottboms
261
12k
The Pragmatic Product Professional
lauravandoore
26
5.8k
Teambox: Starting and Learning
jrom
128
8.4k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
275
13k
The Power of CSS Pseudo Elements
geoffreycrofte
62
5k
The MySQL Ecosystem @ GitHub 2015
samlambert
244
12k
Gamification - CAS2011
davidbonilla
77
4.6k
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