本文へ移動

§17-09Mobile

Notification permission prompt (タイミング工夫)

通知の許可を文脈に合わせたタイミングで求める。

利用者が通知の必要性を理解した瞬間に求めることで、許可率が上がる。初回表示で機械的に求めるより拒否されにくい。

実装のポイント

まず自前の説明 UI で意図を確認し、同意した場合だけ Notification.requestPermission() を呼ぶ。一度 denied になると再要求できない。

このデモはPush 通知 (Web Push)と共通です。

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