§07-01Notifications
In-app notification center
ベルアイコンから通知の一覧を開いて確認する。
見逃した通知をあとからまとめて追える。メンションや承認依頼など、種類の違う知らせが複数の機能から届くサービスに向く。
実装のポイント
未読数はサーバーの集計を正とし、ドロワーを開いた時点ではなく項目表示や操作で既読化する。新着は aria-live=polite で控えめに読み上げる。
- 特徴
- 状態管理
- デモで使っているもの
- lucide-react
§07-01Notifications
ベルアイコンから通知の一覧を開いて確認する。
見逃した通知をあとからまとめて追える。メンションや承認依頼など、種類の違う知らせが複数の機能から届くサービスに向く。
未読数はサーバーの集計を正とし、ドロワーを開いた時点ではなく項目表示や操作で既読化する。新着は aria-live=polite で控えめに読み上げる。