§08-06Content

ストーリーバー

画面上部に丸いアバターを並べて投稿へ誘導する。

短期間だけ表示する投稿を目立つ位置に並べ、閲覧を促す。未読のあるアカウントを一目で見分けさせたいときに使う。

実装のポイント

横スクロールは overflow-x: auto と scroll-snap で作り、未読はグラデーションのリングで示す。各アイテムはボタンにして名前と未読状態をラベルに含める。