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
810
Superforms本番投入で分かった良さとハマりどころ
Svelte Japan Online Meetup #1
kubotak
December 08, 2023
Tweet
Share
More Decks by kubotak
See All by kubotak
情報漏洩させないための設計
kubotak
5
1.8k
Svelteコンポーネントの依存関係に秩序を〜
kubotak
0
110
DMARCレポート可視化ツールを SvelteKitで作った話
kubotak
2
510
Storybookを書くだけでリグレッションテストが 実行される世界へようこそ
kubotak
31
11k
(うまくいった||いかなかった) 技術選定は何を考えていたか
kubotak
1
1.2k
ウォーターフォールに思えたプロジェクトにあったアジャイルの要素
kubotak
2
750
Felteで作る簡単フォームバリデーション
kubotak
1
1.6k
SvelteKitを本番投入してみて
kubotak
2
2k
PlaywrightによるSvelteコンポーネントテスト
kubotak
0
3.8k
Other Decks in Programming
See All in Programming
自分のために作ったアプリが、グローバルに使われるまで / Indie App Development Lunch LT
pixyzehn
1
120
バックエンドNode.js × フロントエンドDeno で開発して得られた知見
ayame113
5
1.3k
AtCoder Heuristic First-step Vol.1 講義スライド
terryu16
2
1k
Devinのメモリ活用の学びを自社サービスにどう組み込むか?
itarutomy
0
1.7k
OpenTelemetryを活用したObservability入門 / Introduction to Observability with OpenTelemetry
seike460
PRO
0
300
生成AIの使いどころ
kanayannet
0
100
Scala 3 で GLSL のための c-like-for を実装してみた
exoego
1
180
Return of the Full-Stack Developer
simas
PRO
1
310
WordPress Playground for Developers
iambherulal
0
120
Day0 初心者向けワークショップ実践!ソフトウェアテストの第一歩
satohiroyuki
0
390
英語文法から学ぶ、クリーンな設計の秘訣
newnomad
1
270
Preact、HooksとSignalsの両立 / Preact: Harmonizing Hooks and Signals
ssssota
1
680
Featured
See All Featured
Facilitating Awesome Meetings
lara
53
6.3k
The Cost Of JavaScript in 2023
addyosmani
48
7.6k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
Fontdeck: Realign not Redesign
paulrobertlloyd
83
5.4k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.7k
Testing 201, or: Great Expectations
jmmastey
42
7.4k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
102
18k
A designer walks into a library…
pauljervisheath
205
24k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.2k
Statistics for Hackers
jakevdp
798
220k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
177
52k
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