会員プッシュ通知機能の導入（iPhoneの場合）

これまで本サイトで提供していたAppleのiOS（iPhone, iPad）のPWAによるWebプッシュ通知機能は、対応カテゴリーに制限がありました。

この制限を解消するために、新しく会員プッシュ通知機能を追加実装しました（2026/05/21）。通知先を会員アカウントに紐づけて管理する通知方式です。

これによりiPhone(iOS PWA)でもカテゴリーの制限なくWebプッシュ通知をご利用いただけるようになりました。

ご利用には、従来型のPWAとは別に、新しくPWAインストール（ホーム画面に追加）が必要になります。また、会員ログインが必要になります。

導入方法

AppleのiOS（iPhone, iPad）では、Webプッシュ通知のご利用に必要な手順があります。 少しステップが必要ですが、難しいものではありません。

動作環境は iOS 17以降推奨です。

iOSではSafariのブラウザ上ではWebプッシュ通知は機能しません。
Safariからホームにアイコンを追加し、PWA（プログレッシブウェブアプリ）として利用することでWebプッシュ通知が機能します。

PWAとして起動利用するには、ipush.chat.shalove.net のページでSafariの共有メニューから「ホーム画面に追加」を行い、ホーム画面で追加されたアイコンをタップします。
（このページではなく、必ず ipush.chat.shalove.net で追加してください。別のドメインではPWAのスコープが異なります）

以下にiOSのPWAの登録手順を画像で説明します

ipush.chat.shalove.net のページを表示した状態で、Safariの下部ツールバーのメニューアイコン（緑丸）をタップします。
（※iOS 26未満の場合は画面中央下部の共有ボタン）

開かれたメニューから、緑丸で囲まれた「共有」をタップします。

下にスクロールして、「ホーム画面に追加」をタップします。

登録する名前を設定します。初期値は「ラブルーム通知」となっておりますが、自由に変更できます。
（「Webアプリとして開く」の選択は有効のままにしてください）

ホーム画面に追加されたアイコンを確認します。今後はこのアイコンをタップすることで、PWAを使ってラブルームにアクセスすることができます。Webプッシュ通知はチャット画面で有効にできます。

PWAではSafariと違い、ナビゲーションのUIは表示されません。「戻る」「進む」を行いたい場合は、画面隅から左右にページをフリックして行います。（※異なるドメインに移動した場合は、PWA内ブラウザに移動し、ナビゲーションUIが表示されます）

通知の許可変更、通知方法の詳細を設定するには、PWAのチャット画面で通知を許可した後、iOSの設定から「通知」に進み、「ラブルーム通知」（ホーム画面追加時に設定した名前）を選択してください。

Webプッシュ通知機能