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
620
情報漏洩させないための設計
kubotak
6
2.3k
Svelteコンポーネントの依存関係に秩序を〜
kubotak
0
160
DMARCレポート可視化ツールを SvelteKitで作った話
kubotak
2
570
Superforms本番投入で分かった良さとハマりどころ
kubotak
0
960
Storybookを書くだけでリグレッションテストが 実行される世界へようこそ
kubotak
31
11k
(うまくいった||いかなかった) 技術選定は何を考えていたか
kubotak
1
1.3k
ウォーターフォールに思えたプロジェクトにあったアジャイルの要素
kubotak
2
840
Felteで作る簡単フォームバリデーション
kubotak
1
1.7k
Other Decks in Programming
See All in Programming
Reduxモダナイズ 〜コードのモダン化を通して、将来のライブラリ移行に備える〜
pvcresin
2
670
iOSDC.pdf
chronos2500
2
650
プロダクト開発をAI 1stに変革する〜SaaS is dead時代で生き残るために〜 / AI 1st Product Development
kobakei
0
460
デミカツ切り抜きで面倒くさいことはPythonにやらせよう
aokswork3
0
110
Your Perfect Project Setup for Angular @BASTA! 2025 in Mainz
manfredsteyer
PRO
0
110
プログラミングどうやる? ~テスト駆動開発から学ぶ達人の型~
a_okui
0
190
プログラマのための作曲入門
cheebow
0
530
GitHub Actions × AWS OIDC連携の仕組みと経緯を理解する
ota1022
0
230
CSC509 Lecture 02
javiergs
PRO
0
400
複雑化したリポジトリをなんとかした話 pipenvからuvによるモノレポ構成への移行
satoshi256kbyte
1
740
クラシルを支える技術と組織
rakutek
0
190
Swiftビルド弾丸ツアー - Swift Buildが作る新しいエコシステム
giginet
PRO
0
1.6k
Featured
See All Featured
Bash Introduction
62gerente
615
210k
GraphQLとの向き合い方2022年版
quramy
49
14k
The Cult of Friendly URLs
andyhume
79
6.6k
Code Review Best Practice
trishagee
72
19k
Balancing Empowerment & Direction
lara
4
670
KATA
mclloyd
32
14k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
1.6k
Designing for Performance
lara
610
69k
A Modern Web Designer's Workflow
chriscoyier
697
190k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
51k
Six Lessons from altMBA
skipperchong
28
4k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
890
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 :)`