本文へ移動

§07-07Notifications

Push 通知 (Web Push)

ブラウザを閉じていても OS 経由で通知を届ける。

サイトを開いていない利用者にも更新や返信を知らせられる。メッセージの返信や締切のように即時性が価値になる通知に向く。

実装のポイント

ブラウザの許可ダイアログは一度拒否されると再表示できないため、先に自前の事前確認を出し、同意後に Notification.requestPermission() を呼ぶ。

同じデモを使うパターン:Notification permission prompt (タイミング工夫)

特徴
  • ブラウザ API
  • モック
デモで使っているもの
  • shadcn/ui
  • lucide-react
  • Notifications API

このパターンが効く目的