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
HIBIKI CUBE
July 18, 2025
Technology
0
81
SvelteKitで凝ったルーティングをするのが楽しかった話
Svelte Japan Offline Meetup #4で登壇した際の資料です。
https://svelte-jp.connpass.com/event/358769/
HIBIKI CUBE
July 18, 2025
Tweet
Share
More Decks by HIBIKI CUBE
See All by HIBIKI CUBE
パスキーでのログインを 実装してみよう!
hibiki_cube
0
1.2k
今日からできる! はじめてのパスキー認証
hibiki_cube
1
180
ここがおもろい! Swift UI
hibiki_cube
1
71
SvelteKit × Supabaseで オレオレカンバンボード作ってみた
hibiki_cube
2
120
Other Decks in Technology
See All in Technology
pprof vs runtime/trace (FlightRecorder)
task4233
0
170
生成AI_その前_に_マルチクラウド時代の信頼できるデータを支えるSnowflakeメタデータ活用術.pdf
cm_mikami
0
120
業務自動化プラットフォーム Google Agentspace に入門してみる #devio2025
maroon1st
0
190
Goにおける 生成AIによるコード生成の ベンチマーク評価入門
daisuketakeda
2
100
SoccerNet GSRの紹介と技術応用:選手視点映像を提供するサッカー作戦盤ツール
mixi_engineers
PRO
1
180
extension 現場で使えるXcodeショートカット一覧
ktombow
0
210
Flaky Testへの現実解をGoのプロポーザルから考える | Go Conference 2025
upamune
1
420
「AI駆動PO」を考えてみる - 作る速さから価値のスループットへ:検査・適応で未来を開発 / AI-driven product owner. scrummat2025
yosuke_nagai
4
590
Exadata Database Service on Dedicated Infrastructure(ExaDB-D) UI スクリーン・キャプチャ集
oracle4engineer
PRO
2
5.4k
成長自己責任時代のあるきかた/How to navigate the era of personal responsibility for growth
kwappa
3
270
Green Tea Garbage Collector の今
zchee
PRO
2
390
stupid jj tricks
indirect
0
7.9k
Featured
See All Featured
Automating Front-end Workflow
addyosmani
1371
200k
Context Engineering - Making Every Token Count
addyosmani
5
180
Learning to Love Humans: Emotional Interface Design
aarron
274
40k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.2k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
23
1.5k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
188
55k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
9
580
Unsuck your backbone
ammeep
671
58k
Bash Introduction
62gerente
615
210k
Transcript
SvelteKitで 凝ったルーティングを するのが楽しかった話 HIBIKI CUBE @hibiki_cube
{@render children()}
突然ですが、 Svelteのプロジェクト を1つ作ってみます
bunx sv create my-app
None
None
None
None
なんとなく 見覚えあるかも… という方!
app.d.tsの 存在を知っていた という方!
app.d.tsを 編集したことがある という方!
SvelteKitで 凝ったルーティングを するのが楽しかった話 HIBIKI CUBE @hibiki_cube
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
たとえば…
None
None
let grade = $state('Adventure');
let grade = $state('Adventure'); const price = $derived(getPrice(grade));
None
None
None
やっぱり1コ前の グレードの方がいいかも
None
None
実装してみる
None
None
http://localhost:5173/adventure http://localhost:5173/g
None
page.params.grade ↓ と間違えないように!
None
None
None
None
None
let activeGrade = $derived(...);
None
None
None
None
SvelteKitで 凝ったルーティングを するのが楽しかった話 HIBIKI CUBE @hibiki_cube Fin!