SPA のページ内ルーティング

状態と URL の対応

• なるべく Path は弄らずに、Hash と Query のみで表せるようにすべき。
• Hash で対象リソースを明示する。

Hash の使われ方

• 階層構造のあるリソースの場合 Hash を Path の様に利用している。

受信トレイにある特定のメールを開いた場合。

https://mail.google.com/mail/u/0/?tab=wm#inbox/{{mail の id}}

受信トレイを開いている場合

https://mail.google.com/mail/u/0/?tab=wm#inbox

『よく来るヤツ』ラベルを開いている際

https://mail.google.com/mail/u/0/?tab=wm#label/%E3%82%88%E3%81%8F%E6%9D%A5%E3%82%8B%E3%83%A4%E3%83%84

デコード後
https://mail.google.com/mail/u/0/?tab=wm#label/よく来るヤツ