プッシュ通知

HANNYA.MIX では、ブラウザの Web Push 通知とアプリ内通知の2つの通知チャネルを利用できます。プロジェクトの更新やコメントの追加など、重要なイベントをリアルタイムで受け取ることができます。

通知チャネル

アプリ内通知

画面右上のベルアイコンから、アプリ内の通知を確認できます。

未読の通知がある場合、ベルアイコンにバッジが表示されます
通知をクリックすると、対象のページに移動します
個別に既読にしたり、一括で既読にすることができます
通知は30秒ごとに自動更新されます

Web Push 通知

ブラウザのプッシュ通知を有効にすると、HANNYA.MIX を開いていなくても通知を受け取ることができます。デスクトップ・モバイル両方のブラウザに対応しています。

Web Push 通知の有効化

画面右上のユーザーメニューから 「設定」 を開く
「通知」タブ を選択
「プッシュ通知を有効にする」 をオンにする
ブラウザから通知の許可を求めるダイアログが表示されるので、「許可」 を選択

対応ブラウザ

ブラウザ	デスクトップ	モバイル
Google Chrome	✅	✅
Microsoft Edge	✅	✅
Mozilla Firefox	✅	✅
Safari	✅	✅ (iOS 16.4+)

通知が届くタイミング

Web Push 通知とアプリ内通知は、ワークフローやシステムイベントによってトリガーされます。以下のようなイベントで通知が送信されます:

新しいコメントが投稿された
プロジェクトのステータスが変更された
新しいトラックがアップロードされた
コミッション関連の更新
その他、ワークフローで設定されたイベント

通知の構成

プッシュ通知には以下の情報が含まれます:

項目	説明
タイトル	通知の見出し（イベントの種類を示します）
本文	通知の詳細内容
アイコン	HANNYA.MIX のアプリアイコン
リンク	通知をクリックした際の遷移先 URL

通知をクリックすると、関連するプロジェクトやトラックのページに自動で移動します。

プッシュ通知の無効化

プッシュ通知を無効にする方法は2つあります:

アプリ内で無効化

画面右上のユーザーメニューから 「設定」 を開く
「通知」タブ を選択
「プッシュ通知を有効にする」 をオフにする

ブラウザから無効化

ブラウザの設定から HANNYA.MIX の通知権限を取り消すこともできます:

Chrome: 設定 → プライバシーとセキュリティ → サイトの設定 → 通知
Firefox: 設定 → プライバシーとセキュリティ → 許可設定 → 通知
Safari: 設定 → Web サイト → 通知
Edge: 設定 → Cookie とサイトのアクセス許可 → 通知

PWA（プログレッシブウェブアプリ）

HANNYA.MIX は PWA に対応しており、ホーム画面やデスクトップにアプリとしてインストールできます。PWA としてインストールすると、以下のメリットがあります:

ネイティブアプリに近い操作感
プッシュ通知の安定した受信（特に iOS）
ホーム画面やタスクバーからの素早いアクセス

インストール方法

HANNYA.MIX をブラウザで開く
Chrome/Edge: アドレスバーのインストールアイコンをクリック、またはメニュー → 「アプリをインストール」
Safari (iOS): 共有ボタン → 「ホーム画面に追加」
Firefox: アドレスバーのホームアイコンをクリック

トラブルシューティング

プッシュ通知の有効化に失敗する場合

プッシュ通知をオンにしたときに 「Registration failed」 などのエラーが表示される場合は、以下を確認してください。

OS の通知設定を確認

ブラウザの通知が OS レベルで許可されている必要があります。

Windows: 設定 → システム → 通知 → ブラウザ（Chrome / Edge / Firefox）の通知がオンになっているか確認。応答不可（集中モード） が有効になっている場合もブロックされることがあります。
macOS: システム設定 → 通知 → ブラウザを選択 → 「通知を許可」がオンになっているか確認

プッシュサービスへの接続を確認

ブラウザはプッシュ通知の配信に外部サービスを利用しています。ネットワーク環境によっては接続がブロックされている場合があります。

ブラウザ	プッシュサービス	確認 URL
Chrome / Edge	Firebase Cloud Messaging	`https://fcm.googleapis.com`
Firefox	Mozilla Push Service	`https://push.services.mozilla.com`

上記 URL にブラウザからアクセスできない場合、ファイアウォールや VPN の設定を確認してください。

それでも解決しない場合

ブラウザのキャッシュと Cookie をクリアしてから再試行
ブラウザの開発者ツール → Application → Service Workers で sw.js を Unregister してから再試行
別のブラウザで試す（Chrome で失敗する場合は Firefox を試すなど）

通知が届かない場合

ブラウザの通知権限を確認: ブラウザの設定で HANNYA.MIX の通知が「許可」になっているか確認してください
OS の通知設定を確認: OS レベルでブラウザの通知が無効になっていないか確認してください
プッシュ通知を再登録: 設定画面でプッシュ通知を一度オフにしてから、再度オンにしてください
Service Worker を確認: ブラウザの開発者ツール → Application → Service Workers で、sw.js が正常に登録されているか確認してください

iOS で通知が届かない場合

通知をクリックしても開かない場合

ブラウザのポップアップブロッカーが有効になっている可能性があります
HANNYA.MIX のドメインをポップアップブロッカーの許可リストに追加してください

セキュリティ

プッシュ通知は VAPID (Voluntary Application Server Identification) プロトコルを使用して暗号化されます
通知の内容はブラウザのプッシュサービスを経由しますが、エンドツーエンドで暗号化されています
登録エンドポイントは HTTPS のみ受け付けます
サブスクリプション情報はユーザーアカウントの削除時に自動的に削除されます