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
95
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.3k
今日からできる! はじめてのパスキー認証
hibiki_cube
1
180
ここがおもろい! Swift UI
hibiki_cube
1
73
SvelteKit × Supabaseで オレオレカンバンボード作ってみた
hibiki_cube
2
120
Other Decks in Technology
See All in Technology
ゼロコード計装導入後のカスタム計装でさらに可観測性を高めよう
sansantech
PRO
1
530
だいたい分かった気になる 『SREの知識地図』 / introduction-to-sre-knowledge-map-book
katsuhisa91
PRO
3
1.5k
コンパウンド組織のCRE #cre_meetup
layerx
PRO
1
280
ストレージエンジニアの仕事と、近年の計算機について / 第58回 情報科学若手の会
pfn
PRO
3
880
ざっくり学ぶ 『エンジニアリングリーダー 技術組織を育てるリーダーシップと セルフマネジメント』 / 50 minute Engineering Leader
iwashi86
4
2.6k
20251027_マルチエージェントとは
almondo_event
1
470
AWS DMS で SQL Server を移行してみた/aws-dms-sql-server-migration
emiki
0
250
GPUをつかってベクトル検索を扱う手法のお話し~NVIDIA cuVSとCAGRA~
fshuhe
0
170
JSConf JPのwebsiteをGatsbyからNext.jsに移行した話 - Next.jsの多言語静的サイトと課題
leko
2
190
Kubernetes self-healing of your workload
hwchiu
1
600
プレイドのユニークな技術とインターンのリアル
plaidtech
PRO
1
470
会社を支える Pythonという言語戦略 ~なぜPythonを主要言語にしているのか?~
curekoshimizu
4
890
Featured
See All Featured
Speed Design
sergeychernyshev
32
1.2k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.7k
Rails Girls Zürich Keynote
gr2m
95
14k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Being A Developer After 40
akosma
91
590k
Rebuilding a faster, lazier Slack
samanthasiow
84
9.2k
Building Applications with DynamoDB
mza
96
6.7k
Faster Mobile Websites
deanohume
310
31k
Site-Speed That Sticks
csswizardry
13
930
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
46
2.5k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.2k
How To Stay Up To Date on Web Technology
chriscoyier
791
250k
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!