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
2k
Svelteコンポーネントの依存関係に秩序を〜
kubotak
0
120
DMARCレポート可視化ツールを SvelteKitで作った話
kubotak
2
520
Superforms本番投入で分かった良さとハマりどころ
kubotak
0
860
Storybookを書くだけでリグレッションテストが 実行される世界へようこそ
kubotak
31
11k
(うまくいった||いかなかった) 技術選定は何を考えていたか
kubotak
1
1.2k
ウォーターフォールに思えたプロジェクトにあったアジャイルの要素
kubotak
2
780
Felteで作る簡単フォームバリデーション
kubotak
1
1.6k
PlaywrightによるSvelteコンポーネントテスト
kubotak
0
3.9k
Other Decks in Programming
See All in Programming
Rubyの!メソッドをちゃんと理解する
alstrocrack
1
300
On-the-fly Suggestions of Rewriting Method Deprecations
ohbarye
3
5.4k
KANNA Android の技術的課題と取り組み
watabee
1
500
20250429 - CNTUG Meetup #67 / DevOps Taiwan Meetup #69 - Deep Dive into Tetragon: Building Runtime Security and Observability with eBPF
tico88612
0
180
MySQL初心者が311個のカラムにNot NULL制約を追加していってALTER TABLEについて学んだ話
hatsu38
2
140
AIコーディングの理想と現実
tomohisa
37
40k
Cloudflare Workersで進めるリモートMCP活用
syumai
5
520
Beyond_the_Prompt__Evaluating__Testing__and_Securing_LLM_Applications.pdf
meteatamel
0
110
M5UnitUnified 最新動向 2025/05
gob
0
140
VibeCoding時代のエンジニアリング
daisuketakeda
0
200
生成AIで知るお願いの仕方の難しさ
ohmori_yusuke
1
120
マイコンでもRustのtestがしたい/KernelVM Kansai 11
tnishinaga
1
880
Featured
See All Featured
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
14
1.5k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
105
19k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Designing for humans not robots
tammielis
253
25k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Scaling GitHub
holman
459
140k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
41
2.3k
Bash Introduction
62gerente
613
210k
The Cult of Friendly URLs
andyhume
78
6.3k
Rebuilding a faster, lazier Slack
samanthasiow
81
9k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.4k
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 :)`