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
2.1k
SvelteKitを本番投入してみて
フロントエンドカンファレンス沖縄2022
kubotak
November 19, 2022
Tweet
Share
More Decks by kubotak
See All by kubotak
PHPでWebSocketサーバーを実装しよう2025
kubotak
0
440
情報漏洩させないための設計
kubotak
7
2.3k
Svelteコンポーネントの依存関係に秩序を〜
kubotak
0
160
DMARCレポート可視化ツールを SvelteKitで作った話
kubotak
2
560
Superforms本番投入で分かった良さとハマりどころ
kubotak
0
940
Storybookを書くだけでリグレッションテストが 実行される世界へようこそ
kubotak
31
11k
(うまくいった||いかなかった) 技術選定は何を考えていたか
kubotak
1
1.3k
ウォーターフォールに思えたプロジェクトにあったアジャイルの要素
kubotak
2
810
Felteで作る簡単フォームバリデーション
kubotak
1
1.7k
Other Decks in Programming
See All in Programming
『リコリス・リコイル』に学ぶ!! 〜キャリア戦略における計画的偶発性理論と変わる勇気の重要性〜
wanko_it
1
590
decksh - a little language for decks
ajstarks
4
21k
MCPで実現するAIエージェント駆動のNext.jsアプリデバッグ手法
nyatinte
6
840
Understanding Ruby Grammar Through Conflicts
yui_knk
1
120
CEDEC2025 長期運営ゲームをあと10年続けるための0から始める自動テスト ~4000項目を50%自動化し、月1→毎日実行にした3年間~
akatsukigames_tech
0
150
オープンセミナー2025@広島「君はどこで動かすか?」アンケート結果
satoshi256kbyte
0
200
Microsoft Orleans, Daprのアクターモデルを使い効率的に開発、デプロイを行うためのSekibanの試行錯誤 / Sekiban: Exploring Efficient Development and Deployment with Microsoft Orleans and Dapr Actor Models
tomohisa
0
210
管你要 trace 什麼、bpftrace 用下去就對了 — COSCUP 2025
shunghsiyu
0
470
Flutter로 Gemini와 MCP를 활용한 Agentic App 만들기 - 박제창 2025 I/O Extended Seoul
itsmedreamwalker
0
150
MLH State of the League: 2026 Season
theycallmeswift
0
160
あのころの iPod を どうにか再生させたい
orumin
2
2.5k
パスタの技術
yusukebe
1
400
Featured
See All Featured
Six Lessons from altMBA
skipperchong
28
4k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3.1k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
131
19k
The Straight Up "How To Draw Better" Workshop
denniskardys
236
140k
Statistics for Hackers
jakevdp
799
220k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.5k
Designing Experiences People Love
moore
142
24k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
161
15k
Scaling GitHub
holman
462
140k
How GitHub (no longer) Works
holman
315
140k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
33
2.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 :)`