Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
Slide 1
Slide 1 text
Copyright© M&A Superforms 入 Svelte Japan Online Meetup # 1 Kenjiro Kubota / @kubotak_public
Slide 2
Slide 2 text
Copyright© M&A Profile 田 二 kubotak-is kubotak_public kenjiro.kubota M&A TypeScript PHP https://kubotak.page Web Laravel ( ) 犬 豆
Slide 3
Slide 3 text
Copyright© M&A
Slide 4
Slide 4 text
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/
Slide 5
Slide 5 text
Copyright© M&A Nuxt SvelteKit 行 🎉 https://tech.macloud.jp/entry/ 202 3 / 1 2 / 0 6 / 1 3402 0
Slide 6
Slide 6 text
Copyright© M&A SvelteKit 行 Superforms 用 SvelteKit 行 Sveltekit form Form actions Superforms 用
Slide 7
Slide 7 text
Copyright© M&A Superforms Superforms SvelteKit Form actions Zod 用 TypeScript 高 (Superforms Zod 色 )
Slide 8
Slide 8 text
Copyright© M&A Superforms Superforms Svelte Hack 20 2 3 Best Library
Slide 9
Slide 9 text
Copyright© M&A Form actions
Slide 10
Slide 10 text
Copyright© M&A Form actions SvelteKit POST use:enhance 用 =
Slide 11
Slide 11 text
Copyright© M&A +page.server.(ts/js) +page.svelte Form actions
Slide 12
Slide 12 text
Copyright© M&A +page.server.(ts/js) +page.svelte Form actions POST
Slide 13
Slide 13 text
Copyright© M&A +page.server.(ts/js) Form actions Named actions 用 +page.svelte
Slide 14
Slide 14 text
Copyright© M&A Form actions use:enhance 用 JavaScript 行 Ajax
Slide 15
Slide 15 text
Copyright© M&A Superforms
Slide 16
Slide 16 text
Copyright© M&A zod
Slide 17
Slide 17 text
Copyright© M&A Superform form +page.server.(ts/js)
Slide 18
Slide 18 text
Copyright© M&A Superform form +page.server.(ts/js) zod Form superValidate
Slide 19
Slide 19 text
Copyright© M&A 生 form Svelte 示 +page.svelte
Slide 20
Slide 20 text
Copyright© M&A 生 form Svelte 示 +page.svelte
Slide 21
Slide 21 text
Copyright© M&A 生 form Svelte 示 +page.svelte
Slide 22
Slide 22 text
Copyright© M&A Form Actions +page.server.(ts/js)
Slide 23
Slide 23 text
Copyright© M&A
Slide 24
Slide 24 text
Copyright© M&A constraints 用 用 +page.svelte
Slide 25
Slide 25 text
Copyright© M&A constraints 用 用 +page.svelte
Slide 26
Slide 26 text
Copyright© M&A constraints 用 用 +page.svelte
Slide 27
Slide 27 text
Copyright© M&A Superforms enhance +page.svelte
Slide 28
Slide 28 text
Copyright© M&A 用
Slide 29
Slide 29 text
Copyright© M&A 用
Slide 30
Slide 30 text
Copyright© M&A SvelteKit snapshot +page.svelte 自
Slide 31
Slide 31 text
Copyright© M&A 用方
Slide 32
Slide 32 text
Copyright© M&A Laravel(PHP) SvelteKit adapter-node Node.js SvelteKit SvelteKit
Slide 33
Slide 33 text
Copyright© M&A Laravel(PHP) SvelteKit Laravel(PHP) adapter-node Node.js SvelteKit SvelteKit +page.server Larave HTTP API
Slide 34
Slide 34 text
Copyright© M&A Laravel(PHP) SvelteKit Laravel(PHP) adapter-node Node.js SvelteKit SvelteKit Superforms form +page.svelte props
Slide 35
Slide 35 text
Copyright© M&A Laravel(PHP) SvelteKit Laravel(PHP) adapter-node Node.js SvelteKit SvelteKit Superforms(Form Actions) +page.server
Slide 36
Slide 36 text
Copyright© M&A Laravel(PHP) SvelteKit Laravel(PHP) adapter-node Node.js SvelteKit SvelteKit Superforms Laravel HTTP API
Slide 37
Slide 37 text
Copyright© M&A Laravel(PHP) SvelteKit Laravel(PHP) adapter-node Node.js SvelteKit SvelteKit Laravel Node.js SvelteKit Laravel HTTP API
Slide 38
Slide 38 text
Copyright© M&A Laravel(PHP) SvelteKit Laravel(PHP) adapter-node Node.js SvelteKit SvelteKit Node.js zod 一
Slide 39
Slide 39 text
Copyright© M&A
Slide 40
Slide 40 text
Copyright© M&A Zod Superforms 自 zod
Slide 41
Slide 41 text
Copyright© M&A Required If 目 ⾒ 目 目 refine 用
Slide 42
Slide 42 text
Copyright© M&A Enum enum required ⾒ 方 (enum noempty )
Slide 43
Slide 43 text
Copyright© M&A 見 nullable() null nullish() null | undefined optional() undefined
Slide 44
Slide 44 text
Copyright© M&A parse zod parse 行 data API 一 ⾒ 行 parse
Slide 45
Slide 45 text
Copyright© M&A perse satisfies 言 行
Slide 46
Slide 46 text
Copyright© M&A
Slide 47
Slide 47 text
Copyright© M&A SvelteKit Form Actions Superforms 言 言 一 zod Superforms v 2 https://blog.encodeart.dev/superforms-v 2 -supporting-all-validation-libraries
Slide 48
Slide 48 text
Copyright© M&A thanks watching