dribbbleというサイトのUIがどのように実装されているかを知りたいので質問させていただきました。
https://dribbble.com/
挙動の説明
まずトップページを開くと、作品の一覧が表示されます。
](63aa20fdc719332c1ec6a8e3d2ff60f8.png)
作品の1つをクリックすると、URLが変更され詳細が表示されます。(ページ遷移はしない)
→このページ(機能)を仮に「ビューワー」と呼びます
ただそのURLへ直接アクセスすると、ビューワーではなく別ページの詳細が開きます。
→このページを「詳細ページ」とします
疑問
実装を考えた時、ビューワーで詳細を開く際にJSでhistory APIを使ってURLを書き換える(履歴に残す)というのは想像がつくのですが、ビューワーで続けて次の作品を見た後、ブラウザの戻るボタンで戻るとビューワーではなく詳細ページに遷移することになります。
上記のように「戻る」した場合でもビューワーのまま表示するには、どのような実装が考えられるでしょうか??
よろしくお願いします。
回答1件
あなたの回答
tips
プレビュー