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
1.4k
SvelteKitを本番投入してみて
フロントエンドカンファレンス沖縄2022
kubotak
November 19, 2022
Tweet
Share
More Decks by kubotak
See All by kubotak
DMARCレポート可視化ツールを SvelteKitで作った話
kubotak
2
220
Superforms本番投入で分かった良さとハマりどころ
kubotak
0
160
Storybookを書くだけでリグレッションテストが 実行される世界へようこそ
kubotak
30
9.2k
(うまくいった||いかなかった) 技術選定は何を考えていたか
kubotak
1
740
ウォーターフォールに思えたプロジェクトにあったアジャイルの要素
kubotak
2
520
Felteで作る簡単フォームバリデーション
kubotak
1
870
PlaywrightによるSvelteコンポーネントテスト
kubotak
0
3k
AWS CDKでまるっと インフラ環境をIaCしたぞ!
kubotak
0
290
FeatureToggle戦略と運用方法
kubotak
4
15k
Other Decks in Programming
See All in Programming
So You Think You Know Git - Part 2
schacon
PRO
0
1.3k
PHP 8.3で追加されたjson_validate()を徹底的に深掘りしてみよう
mashirou1234
0
630
「プログラマーのためのCPU入門」は入り口として丁度よい!
forrep
25
22k
TypeScript x GraphQLで2年開発してみて
yutank34
8
4.7k
オープンなデータ・ソフトウェアを活用した開発
404background
0
160
「Hono遍歴」と「HonoXでブログ作成」
yasu551
0
170
Sementic Kernelのネイティブ関数について
tomokusaba
0
790
Static Analysis Automation for Hunting Vulnerable Kernel Drivers
takahiro_haruyama
1
1.4k
sbt-assemblyにハマってDB接続できず時間が溶けた話
wakye5815
1
660
Vue 3.4
kazupon
13
3.6k
Cloud RunとCloud PubSubでサーバレスなデータ基盤2024 with Terraform / Cloud Run and PubSub with Terraform
shinyorke
7
1.7k
GitHub Copilot Tips and Tricks
yuichielectric
2
270
Featured
See All Featured
The Cult of Friendly URLs
andyhume
72
5.6k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
39
4.3k
Designing the Hi-DPI Web
ddemaree
275
33k
Building Effective Engineering Teams - LeadDev
addyosmani
25
1.6k
Rails Girls Zürich Keynote
gr2m
91
13k
Designing on Purpose - Digital PM Summit 2013
jponch
109
6.4k
How STYLIGHT went responsive
nonsquared
92
4.7k
Faster Mobile Websites
deanohume
296
30k
Stop Working from a Prison Cell
hatefulcrawdad
265
19k
Facilitating Awesome Meetings
lara
39
5.5k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
11
1.4k
The Art of Programming - Codeland 2020
erikaheidi
40
12k
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 :)`