権限の UX | Articles | web.dev
PushSubscription を取得してサーバーに保存した後、当然のステップとしてプッシュ メッセージをトリガーしますが、ここでは 1 つ問題があります。プッシュ メッセージを送信する権限をユーザーに求める際のユーザー エクスペリエンス。 残念ながら、ユーザーに権限をリクエストする方法に十分な配慮を払っているサイトはほとんどありません。ここでは、UX の良い点と悪い点の両方を見てみましょう。 一般的なパターン ユーザーとユースケースに最適なものを決定する際に役立つ、一般的なパターンがいくつかあります。 価値提案 プッシュ通知のメリットが明らかなタイミングで、ユーザーにプッシュ通知の登録を依頼します。 たとえば、ユーザーがオンライン ショップで商品を購入して購入手続きフローを完了したとします。サイトは、配送状況の最新情報を提供できます。 このアプローチが有効な状況はさまざまです。 特定の
[改訂版] Web Pushでブラウザにプッシュ通知を送ってみる - Qiita
はじめに ブラウザやプッシュ通知サービスによらず、標準化された手順でブラウザにプッシュ通知が可能になるWeb Pushに関連する技術仕様のRFC化が完了し、ブラウザとプッシュサービスへの実装もかなり整ってきています。そこで、Web Pushの使い方を改めて整理してみます。 なお、本記事は、Web Pushでブラウザにプッシュ通知を送ってみるのアップデートとなっています。 旧記事との差分 PushManager.supportedContentEncodingsがサポートされ、ブラウザが対応するContent-Encodingの種類を確認できるようになりました。Chrome 60以降、Microsoft Edge (EdgeHTML 17)が対応しています。 IETF仕様の変更により、aes128gcmというContent-Encodingが規定されました。Chrome 60以降、Firef
![[改訂版] Web Pushでブラウザにプッシュ通知を送ってみる - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/bf192b94ec71518887f7b23e755a9727644da784/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnMzLWFwLW5vcnRoZWFzdC0xLmFtYXpvbmF3cy5jb20lMkZxaWl0YS1pbWFnZS1zdG9yZSUyRjAlMkY0ODU1NiUyRjI1N2VkZmRlYTgzOTAwYjE1OWQ5MDBkMjY4ZTg3ODJiNDg3NWFjMDUlMkZ4X2xhcmdlLnBuZyUzRjE2OTQzNTY1NzY_aXhsaWI9cmItNC4wLjAmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmZtPXBuZzMyJnM9MTkzM2RiNTc2N2IyNGVkN2YyODlhNTI2NzBkM2FjYjc%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D48367aa2d5e34c463c55ceb898a7dff5%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JTVCJUU2JTk0JUI5JUU4JUE4JTgyJUU3JTg5JTg4JTVEJTIwV2ViJTIwUHVzaCVFMyU4MSVBNyVFMyU4MyU5NiVFMyU4MyVBOSVFMyU4MiVBNiVFMyU4MiVCNiVFMyU4MSVBQiVFMyU4MyU5NyVFMyU4MyU4MyVFMyU4MiVCNyVFMyU4MyVBNSVFOSU4MCU5QSVFNyU5RiVBNSVFMyU4MiU5MiVFOSU4MCU4MSVFMyU4MSVBMyVFMyU4MSVBNiVFMyU4MSVCRiVFMyU4MiU4QiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1wYWQ9MCZzPTMwYWJmNWNkZTY3MTBhNjM3ZjJkNDAxY2MxOWI4ZGFi%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDB0b21veXVraWxhYnMmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtcGFkPTAmcz1mOGM0NTYzODBiMzllODRlYmVjNmMyZTZjMzNkOGJhOA%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3Df991fc652ab32a72fa78f4a3ce13b8c4)
ウェブアプリにプッシュ通知を追加する | Google Codelabs
1. 概要 プッシュ メッセージは、ユーザーに繰り返し働きかけるシンプルで効果的な方法です。この Codelab では、プッシュ通知をウェブアプリに追加する方法を学びます。 学習内容 プッシュ メッセージのユーザーを登録および登録解除する方法 受信した push メッセージを処理する方法 通知の表示方法 通知のクリックに対応する方法 必要なもの Chrome 52 以降 Chrome 用のウェブサーバーまたは任意のウェブサーバー テキスト エディタ HTML、CSS、JavaScript、Chrome DevTools に関する基本的な知識 サンプルコード（「設定」をご覧ください） 2. セットアップする サンプルコードをダウンロードする この Codelab のサンプルコードを取得するには、次の 2 つの方法があります。 git リポジトリのクローンを作成します。 git clone h
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - web-push-libs/web-push-php: Web Push library for PHP
