SvelteKitで凝ったルーティングをするのが楽しかった話

Svelte Japan Offline Meetup #4で登壇した際の資料です。
https://svelte-jp.connpass.com/event/358769/

Transcript

1. SvelteKitで 凝ったルーティングを するのが楽しかった話 HIBIKI CUBE @hibiki_cube
2. {@render children()}
3. 突然ですが、 Svelteのプロジェクト を1つ作ってみます
4. bunx sv create my-app
9. なんとなく 見覚えあるかも… という方！
10. app.d.tsの 存在を知っていた という方！
11. app.d.tsを 編集したことがある という方！
12. SvelteKitで 凝ったルーティングを するのが楽しかった話 HIBIKI CUBE @hibiki_cube
30. たとえば…
33. let grade = $state('Adventure');
34. let grade = $state('Adventure'); const price = $derived(getPrice(grade));
38. やっぱり1コ前の グレードの方がいいかも
41. 実装してみる
44. http://localhost:5173/adventure http://localhost:5173/g
46. page.params.grade ↓ と間違えないように！
52. let activeGrade = $derived(...);
57. SvelteKitで 凝ったルーティングを するのが楽しかった話 HIBIKI CUBE @hibiki_cube Fin!