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