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
440
Superforms本番投入で分かった良さとハマりどころ
Svelte Japan Online Meetup #1
kubotak
December 08, 2023
Tweet
Share
More Decks by kubotak
See All by kubotak
DMARCレポート可視化ツールを SvelteKitで作った話
kubotak
2
350
Storybookを書くだけでリグレッションテストが 実行される世界へようこそ
kubotak
31
9.8k
(うまくいった||いかなかった) 技術選定は何を考えていたか
kubotak
1
920
ウォーターフォールに思えたプロジェクトにあったアジャイルの要素
kubotak
2
630
Felteで作る簡単フォームバリデーション
kubotak
1
1.2k
SvelteKitを本番投入してみて
kubotak
2
1.7k
PlaywrightによるSvelteコンポーネントテスト
kubotak
0
3.3k
AWS CDKでまるっと インフラ環境をIaCしたぞ!
kubotak
0
350
FeatureToggle戦略と運用方法
kubotak
4
15k
Other Decks in Programming
See All in Programming
「2024年版 Kotlin サーバーサイドプログラミング実践開発」の補講 〜O/Rマッパー編〜
n_takehata
2
260
AWSでゲームサーバーを運用! Amazon GameLiftのお話
iriikeita
0
200
ドメイン駆動設計の実践
masuda220
PRO
19
5.2k
Terraformテスト入門
msato
0
540
Play Billing Library 7.0.0 変更点まとめ@potatotips#88
kako351
0
160
CSC307 Lecture 07
javiergs
PRO
0
220
CSC307 Lecture 08
javiergs
PRO
0
330
ぼっちを避けて楽しむためのアノテコノテ / Various Tips and Tricks to Avoid Loneliness and Have Fun
nrslib
3
1.7k
Namespace on read
tagomoris
2
370
スクラムマスターって孤独じゃないですか?
yoshitaroyoyo
1
140
さきがけから振り返るアーキテクチャ刷新 / Reflecting on the Architectural Renewal from the Vanguard
nrslib
2
780
実用的かつリーズナブルな 「Azure × Gemini × LINE」~キャラクターBot 実装ライブデモ~
tomodo_ysys
1
170
Featured
See All Featured
Dealing with People You Can't Stand - Big Design 2015
cassininazir
360
22k
Statistics for Hackers
jakevdp
792
220k
WebSockets: Embracing the real-time Web
robhawkes
59
7.2k
How To Stay Up To Date on Web Technology
chriscoyier
784
250k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
36
9.1k
Designing the Hi-DPI Web
ddemaree
276
34k
Imperfection Machines: The Place of Print at Facebook
scottboms
262
13k
Agile that works and the tools we love
rasmusluckow
325
20k
Why Our Code Smells
bkeepers
PRO
332
56k
Intergalactic Javascript Robots from Outer Space
tanoku
266
26k
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
dotmariusz
105
6.8k
The MySQL Ecosystem @ GitHub 2015
samlambert
248
12k
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