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
57
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.1k
今日からできる! はじめてのパスキー認証
hibiki_cube
1
160
ここがおもろい! Swift UI
hibiki_cube
1
68
SvelteKit × Supabaseで オレオレカンバンボード作ってみた
hibiki_cube
2
110
Other Decks in Technology
See All in Technology
「AIと一緒にやる」が当たり前になるまでの奮闘記
kakehashi
PRO
3
110
オブザーバビリティプラットフォーム開発におけるオブザーバビリティとの向き合い / Hatena Engineer Seminar #34 オブザーバビリティの実現と運用編
arthur1
0
370
Amazon Q と『音楽』-ゲーム音楽もAmazonQで作成してみた感想-
senseofunity129
0
130
Agent Development Kitで始める生成 AI エージェント実践開発
danishi
0
130
専門分化が進む分業下でもユーザーが本当に欲しかったものを追求するプロダクトマネジメント/Focus on real user needs despite deep specialization and division of labor
moriyuya
1
1.2k
反脆弱性(アンチフラジャイル)とデータ基盤構築
cuebic9bic
3
170
LLMで構造化出力の成功率をグンと上げる方法
keisuketakiguchi
0
660
LLM 機能を支える Langfuse / ClickHouse のサーバレス化
yuu26
9
1.2k
JAWS AI/ML #30 AI コーディング IDE "Kiro" を触ってみよう
inariku
3
340
風が吹けばWHOISが使えなくなる~なぜWHOIS・RDAPはサーバー証明書のメール認証に使えなくなったのか~
orangemorishita
15
5.6k
マルチモーダル基盤モデルに基づく動画と音の解析技術
lycorptech_jp
PRO
5
570
React Server ComponentsでAPI不要の開発体験
polidog
PRO
0
130
Featured
See All Featured
Statistics for Hackers
jakevdp
799
220k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2.2k
Facilitating Awesome Meetings
lara
54
6.5k
Code Reviewing Like a Champion
maltzj
524
40k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.4k
Thoughts on Productivity
jonyablonski
69
4.8k
Testing 201, or: Great Expectations
jmmastey
45
7.6k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
Rails Girls Zürich Keynote
gr2m
95
14k
Agile that works and the tools we love
rasmusluckow
329
21k
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!