本文へ移動

§07-01Notifications

In-app notification center

ベルアイコンから通知の一覧を開いて確認する。

見逃した通知をあとからまとめて追える。メンションや承認依頼など、種類の違う知らせが複数の機能から届くサービスに向く。

実装のポイント

未読数はサーバーの集計を正とし、ドロワーを開いた時点ではなく項目表示や操作で既読化する。新着は aria-live=polite で控えめに読み上げる。

特徴
  • 状態管理
デモで使っているもの
  • lucide-react

このパターンが効く目的