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
SvelteKitを本番投入してみて
Search
kubotak
November 19, 2022
Programming
2
2k
SvelteKitを本番投入してみて
フロントエンドカンファレンス沖縄2022
kubotak
November 19, 2022
Tweet
Share
More Decks by kubotak
See All by kubotak
情報漏洩させないための設計
kubotak
5
1.8k
Svelteコンポーネントの依存関係に秩序を〜
kubotak
0
110
DMARCレポート可視化ツールを SvelteKitで作った話
kubotak
2
510
Superforms本番投入で分かった良さとハマりどころ
kubotak
0
810
Storybookを書くだけでリグレッションテストが 実行される世界へようこそ
kubotak
31
11k
(うまくいった||いかなかった) 技術選定は何を考えていたか
kubotak
1
1.2k
ウォーターフォールに思えたプロジェクトにあったアジャイルの要素
kubotak
2
750
Felteで作る簡単フォームバリデーション
kubotak
1
1.6k
PlaywrightによるSvelteコンポーネントテスト
kubotak
0
3.8k
Other Decks in Programming
See All in Programming
爆速スッキリ! Rspack 移行の成果と道のり - Muddy Web #11
dora1998
1
150
英語文法から学ぶ、クリーンな設計の秘訣
newnomad
1
270
なぜselectはselectではないのか
taiyow
2
310
マルチアカウント環境での、そこまでがんばらない RI/SP 運用設計
wa6sn
0
580
複雑なフォームと複雑な状態管理にどう向き合うか / #newt_techtalk vol. 15
izumin5210
4
2.9k
本当だってば!俺もTRICK 2022に入賞してたんだってば!
jinroq
0
240
List とは何か? / PHPerKaigi 2025
meihei3
0
550
Devinのメモリ活用の学びを自社サービスにどう組み込むか?
itarutomy
0
1.7k
PHPでお金を扱う時、終わりのない 謎の1円調査の旅にでなくて済む方法
nakka
3
1k
Develop Faster With FrankenPHP
dunglas
2
2.4k
Day0 初心者向けワークショップ実践!ソフトウェアテストの第一歩
satohiroyuki
0
390
フロントエンドテストの育て方
quramy
9
2.5k
Featured
See All Featured
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
16
1.1k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
7
620
How GitHub (no longer) Works
holman
314
140k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
28
9.4k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.7k
Git: the NoSQL Database
bkeepers
PRO
429
65k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
11
610
Building a Modern Day E-commerce SEO Strategy
aleyda
39
7.2k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
49k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Transcript
Copyright© M&A SvelteKit 2022 / Kenjiro Kubota
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
Copyright© M&A index SvelteKit
Copyright© M&A SvelteKit
Copyright© M&A HTTP API Nuxt.js Nuxt.js v 2 + TypeScript
Nuxt 3
Copyright© M&A SSR SEO話 DeveloperExperience
Copyright© M&A Nuxt(v 3 RC) Next.js(v 1 2 ) SvelteKit
Solid.js 2022/07 Qwik City Astro
Copyright© M&A Nuxt(v 3 RC) Next.js(v 1 2 ) SvelteKit
Solid.js 2022/07 Qwik City Astro
Copyright© M&A Nuxt(v 3 RC) Vue.js Web Vue 3 Vite
Nitro feature
Copyright© M&A Nuxt(v 3 RC) v 2 +TypeScript(CompositionAPI) Vue.js Vite
Vue 3 2022 7 RC 2021/10/13 Next.js
Copyright© M&A Next.js(v 1 2 ) React Web v 1
3 SSR/SSG/ISR feature
Copyright© M&A Next.js(v 1 2 ) SSR/ Webpack(+swc) Turbopuck Vite
React React ISR Next.js
Copyright© M&A 🤔
Copyright© M&A Pros/Cons 🫠 SSR Nuxt DeveloperExperience Vite Nuxt Next.js
Copyright© M&A 🦄
Copyright© M&A SvelteKit Svelte SSR/SSG/SPA Vite feature Svelte Web React/Vue.js
Next.js/Nuxt
Copyright© M&A Svelte Write less code No virtual DOM Vanilla
JS Truly reactive state React Vue.js UI feature
Copyright© M&A ⾒
Copyright© M&A SvelteKit/Svelte State Of JS 2 020 / 2021
Vue.js SFC Vite 葛
Copyright© M&A Solid.js DOM UI DOM JSX React feature
Copyright© M&A Solid.js State Of JS 202 1 Svelte 稿
SSR ⾒ https://www.solidjs.com/guides/server 👉 SolidStart SSR
Copyright© M&A 🤔
Copyright© M&A Next.js/ Nuxt 3 /SvelteKit Pros/Cons Next.js(React)
Copyright© M&A React/Next.js Qiita/Zenn Nuxt Vue.js v 2 Nuxt 3
Svelte
Copyright© M&A Next.js n Nuxt SvelteKit
Copyright© M&A SvelteKit
Copyright© M&A SvelteKit 葛 SvelteKit M&A 🚀
Copyright© M&A Svelte Apple Music Web Svelte
Copyright© M&A
Copyright© M&A 🚀 Vite 🚨 🎭 Playwright 📦 🕳 ☣
Copyright© M&A
Copyright© M&A 🚀 Vite dev HMR Nuxt v 2 +TypeScript
Copyright© M&A 🚨 npm run check CSS CI svelte-check SvelteLanguageTools(LSP)
https://github.com/sveltejs/language-tools
Copyright© M&A
Copyright© M&A Props
Copyright© M&A 🎭 Playwright SvelteKit Playwright Svelte 2022/11 React/Solid.js/Svelte/Vue(3/2)
Copyright© M&A Playwright Playwright Cypress Puppeteer Node.js E 2 E
Microsoft OSS Puppeteer Chromium/firefox/webkit feature
Copyright© M&A
Copyright© M&A 📦 SvelteKit /
Copyright© M&A 📦 SvelteKit
Copyright© M&A 📦 SvelteKit about(/about)
Copyright© M&A Props +page.server.ts +page.svelte API
Copyright© M&A Props +page.server.ts +page.svelte API
Copyright© M&A CSR(SPA) /about/__data.json path+__data.json +page.server.ts 葛 Props prefetch __data.json
Copyright© M&A
Copyright© M&A 🕳 Svelte svelte/store SvelteKit 葛
Copyright© M&A Qiita https://qiita.com/kubotak/items/be 8 25 6 9 a 3342
f 5 b 9 ceea
Copyright© M&A ☣ 1.0RC dependabot PR 6
Copyright© M&A 1 . 0 . 0 -next. 428 1
. 0 . 0 -next. 437 vite.config.ts goto data invalidate 1 . 0 . 0 -next. 469 invalidate invalidateAll
Copyright© M&A 1 . 0 . 0 -next. 4 81
src/hooks.ts src/server.hooks.ts 1 . 0 . 0 -next 504 PageError Error 1 . 0 . 0 -next. 5 38 svelte-check a 11 y aria-*
Copyright© M&A
Copyright© M&A GitHub Svelte issue 葛
Copyright© M&A
Copyright© M&A SvelteKit SvelteKit This is SSR/SSG
Copyright© M&A () => `Thanks for watching this :)`