Web Push for Web Apps on iOS and iPadOS
Today marks the release of iOS and iPadOS 16.4 beta 1, and with it comes support for Web Push and other features for Home Screen web apps. Today also brings the first beta of Safari 16.4. It’s a huge release, packed with over 135 features in WebKit — including RegExp lookbehind assertions, Import Maps, OffscreenCanvas, Media Queries Range Syntax, @property, font-size-adjust, Declarative Shadow DOM
ユーザーが許可したくなるPush通知を考える｜sadakoa｜note
初めましての方もこんにちは、さだこえ (@sadako_a_ ) と申します。 DeNAに新卒で入社後、現在は株式会社FOLIOのデジタルプロダクトデザイナーとして、オンライン証券のUIデザインに従事しながら、スタートアップのデザイン支援を副業で行っています。 今記事では、主にアプリの機能として欠かせないPush通知に焦点を当て、記事を執筆します。 Push通知とはご存知の通りPush通知とは、アプリやwebサービスで何か変更や更新があった場合にお知らせをする機能です。一般的にこの業界で言われるPush通知は、Apple Push Notificationを指していることが多いと思われます。 その理由の1つとして、AndroidはPush通知に関してユーザーの許可を取る必要が無いからです。（ダウンロードする際にオプトインされるため、許可率は100%になる。） iOSやWeb Browser
初めてのService Worker （Push API編） - Qiita
はじめに この記事はGizumoエンジニア Advent Calendar 2015の17日目の記事です。 今回は、ServiceWorkerのPushAPIを使ってブラウザにPush通知を表示させてみたいと思います！ このような記事はすでにあるので、今回は、 サンプルプログラムを用いて、より簡単にPush通知を体験してみる どんな流れでPush通知がくるのか流れを把握する この2点を中心に進めて行きます。 そして以下の点には触れません Service Worker 及び Push APIの詳しい仕様 今回はService WorkerのPush通知を体験し、おおまかな流れを掴むことを目的としています。 まだあまりJSに触れたことがない方も是非Push通知を体験してみてください！！ それでは始めます！ 開発環境 Chrome 42以上 MAMP（MAMPのインストールはこちら） 上記が使え
Push Notification Software to Improve Customer Engagement
Mobile Push Notifications Direct, highly visible, mobile-first
Webプッシュ通知を5分で導入 - 効果を求めるならPush7
どのようなサイトでも導入マニュアル通りにコードをコピーアンドペーストするだけで導入でき、最短3分でWebプッシュ通知を体験することができます。
2017-08-01-lignum
こんにちは。Lignumの開発を担当している明智と浅井です。 Lignumは今回紹介する配信基盤の名前です。 先日開催されたGoogle I/Oでも多くの新機能が発表されたFirebaseですが、弊社では昨年度からFirebaseを活用した機能開発に取り組んでいます。 今回は、その中でも『Firebaseを活用したアプリプッシュ通知の配信基盤の構築』について紹介したいと思います。 「アプリプッシュ通知の配信基盤」構築の背景 見えてきていた課題 弊社ではこれまで、リクルートグループ横断で利用できる独自開発された配信基盤を利用していました。 しかし、施策が高度化するにつれて 実施できる施策の制限 配信の見立て/結果の振り返りに利用したいデータが不足 といった「弊社独自の業務要件に追いつかなくなってきている」という課題が見えてきていました。 そこで、PDCAサイクルの回せる新たな配信基盤が必要だ
PWA（Progressive Web Apps／プログレッシブ ウェブ アプリ）でpush通知するための手順 - Qiita
最近巷で話題になっているPWAことProgressive Web Apps（プログレッシブ ウェブ アプリ） 今回は、PWAでpush通知をするための手順を記載します。 まずはPWAとはなにか？ 以下、Googleの公式サイトからの引用です。 [引用] https://developers.google.com/web/fundamentals/getting-started/codelabs/your-first-pwapp/?hl=ja プログレッシブ ウェブアプリはウェブとアプリの両方の利点を兼ね備えたアプリです。ブラウザのタブで表示してすぐに利用することができ、インストールの必要はありません。使い続けてユーザーとの関係性が構築されていくにつれ、より強力なアプリとなります。不安定なネットワークでも迅速に起動し、関連性の高いプッシュ通知を送信することができます。また、ホーム画面にアイコ
Service Worker Offline Cache Techniques - Qiita
今回はService Workerを用いたオフラインキャッシュとそのテクニックについて紹介していきます。 Service Workerを用いたオフラインキャッシュを実装することで、インターネットに繋がっていない状態でWebページが閲覧可能になったり、高速でWebページを表示することが可能となります。 それでは順を追って解説していきましょう。 Service Workerとは まずはじめにService Workerとは、ブラウザとは別スレッドで動作するイベント駆動型のJavascript Workerのひとつです。 httpsプロトコルでしか利用できないものの、最近ではブラウザの実装も進み、広く利用され始めてきています。 元々はAppCacheの代替として、プログラマブルにキャッシュを扱えるAPIを目指して開発が始められました。 AppCacheには様々な実装上の問題点やセキュリティ上の問
ReactNative で Firebase を利用して push notification を配信する - Qiita
ReactNative で Firebase を利用し push notification を送る方法について紹介します。 構成 環境 Android 7.1.1 iOS 10.3.1 Android Studio 2.3.2 XCode 8.3.3 利用サービス Firebase 利用ライブラリ react-native-fcm 実装 Firebase の登録 以下のマニュアルにそって登録します。 Android用とiOS用をともに作成してください。 「Android パッケージ名」と「iOS バンドル ID」に入る「com.example.app」の部分は自分自身が作成しているアプリのものと同じものにしてください。 設定ファイルがそれぞれ作成されるのでダウンロードしておきます。 証明書の準備 Android とくにありません。 iOS 以下のマニュアルにそって準備します。 exampl
Web Budget API と Web に導入されつつある Budget と Cost の概念 | blog.jxck.io
Intro PWA の普及により、バックグラウンド処理をいかに制限するかといった課題が生まれた。 その対策として、バックグラウンド処理における Budget と Cost の概念が提案され、それを扱う Budget API の策定が進んでいる。 基本概念と現時点での API 外観について解説する。 Update 提案されて以降長いことアップデートがなかったが、 Mozilla Standard Position をリクエストしたところ、仕様が消えていたことがわかった。 https://github.com/mozilla/standards-positions/issues/73#issuecomment-373681407 元のリポジトリに Issue で現状を問い合わせたところ、結局開発者からの支持が得られず、 Obsolete されたとのこと。 blink-dev では Intent
service workerを実際のRailsで開発しているサービスに導入してみよう - Qiita
「service worker」とは？ Chrome ソフトウェアエンジニアの@nhiroki_さんによると、 ページのバックグラウンドで動くイベント駆動の JavaScript 環境 （ゆえに “Service” Worker） とのこと。 大きくは現在は2つ特徴がある。 Cache機能 (オフライン環境でのアクセスを可能に) Push機能 (アプリと同様にリエンゲージメントを高める) 引用:Service Worker の紹介 Service Workerのライフサイクルは上記。 - 引用: Service Worker hackathon 2015 - introduction talk 1秒ってのは、人がシームレスに感じる(=違和感なくかなり心地よい)秒数だが、実際今のmobileでの1秒の内訳は上記にある通り、コネクション張ったり通信を発生させる部分で既に大枠を使っている・・・w
Web Pushでブラウザにプッシュ通知を送ってみる - Qiita
本記事のアップデートについて ※ Chrome 60以降、Firefox 55以降では、暗号化の手順に変更が生じます。詳細は、[改訂版] Web Pushでブラウザにプッシュ通知を送ってみるを参照してください。 2022-05-03: 今後メンテナンスを行わない見通しであることから、Javaで動作するデモの公開を終了いたします。長らくありがとうございました。なお、GitHubリポジトリはそのまま残しますので、古いコードでよろしければ参考になれば幸いです。 はじめに 先に「ChromeでW3C Push APIを使ってみた」や「Firefox (Developer Edition)でW3C Push APIを使ってみる」で書きましたように、ブラウザでのプッシュ通知の対応が徐々に形になってきています。 ChromeやFirefoxでプッシュ通知を通知だけではなくデータ(ペイロード)付きで送れる
国内初のウェブプッシュサービスbpushのOSS化と運営して学んだことについて - Qiita
bpushをオープンソースにしてみた 下記の記事を投稿したのが 2015年04月28日 で、もう少しで２年になります。 ウェブにプッシュ通知をもたらすウェブサービス「bpush」を作った この記事を投稿してから bpush はほんの少し話題になりました。それから約２年。 クラウドサービスとしてのbpushは2017年3月末をもってサービスをクローズし、 大幅に機能拡充してオープンソースソフトウェアとして公開することになりました。 主な機能追加 Firefoxサポート(VAPID対応) 日々の送受信数などの統計ページの用意 ユーザーをタグ付けするAPIの用意(指定タグのユーザーにAPI経由で通知を送信) golangによる高速なAPIの追加 余談ですが、クリック数の計測のためのAPIがPHPだと間に合わないという問題がありまして、わりと最近ですがクリック数計測のAPIをgolangで書きまし
【保存版】アプリの「プッシュ通知」の平均開封率（タップ率）ご存知ですか?｜決算が読めるようになるノート
今日は、アプリ開発者の皆さんに有益な数字をお届けします。 スマホでの利用時間の80%以上がアプリでの利用になっているということは皆さんご存知だと思いますが、アプリ開発者の立場としては、アプリをインストールしてもらうだけでなく、アプリを継続的に使ってもらう、ということはとても大変なことです。 今日は、Appboyというプッシュ通知専門の会社のデータから詳しく見ていきたいと思います。なお、これらのレポートの元になっているデータは、Appboyのプラットフォームを利用して送られた（月間5億ユーザー以上に対しての）850億以上のプッシュ通知を元にしています。 アプリを「継続」して使ってもらうのはインストールしてもらうよりもずっと大変 横軸がインストールからの日数、縦軸が継続率です。 インストールした翌日に、同じアプリを起動してくれる継続率は25%程度です。7日後には10％強、90日後には5%以下に
スマホにプッシュで届ける地域ニュース 開封率「SMAP超え」の需要
写真／アフロ 「Yahoo!ニュース アプリ」には、編集部が厳選した重要ニュースをリアルタイムに受け取れるプッシュ通知機能があります。このプッシュ通知はこれまですべてのアプリユーザーに一律に届いていましたが、昨年12月からは新たに“地域別プッシュ通知”の運用を始め、特定の地域にのみプッシュをお届けすることも可能になりました。 地域別プッシュ通知は、開封率（受け取ったプッシュ通知を開いた割合）が高いという傾向があることも分かってきました。誰もがスマートフォンを持ち歩く時代、ユーザーがプッシュ通知で受け取りたい情報とは何なのでしょうか。「Yahoo!ニュース アプリ」のプッシュ通知にまつわるデータと、プッシュ通知の運用と改善に取り組んでいる担当者の思いをご紹介します。 プッシュ開封率とアプリ継続率の関係は 「東日本や北日本を中心に大雪のおそれ」「U23日本、逆転で5年ぶりアジアの頂点」「スキー
Webプッシュ通知で更新をお知らせする、Webアンテナサービスをつくりました
サイト名は Pushdog です。かわいいドメイン取れました。 https://push.dog ※ 2/4 文字の表記を、全て大文字の PUSHDOG から Pushdog に変更しました Pushdog について PushdogはWebプッシュ通知でサイトの更新を受け取ることができるWebアンテナサービスです。 Webプッシュ通知というエッジな技術を使っているため、今のところ Chrome と Firefox にしか対応していません。Chromeを使っているのであれば、追加でソフトウェアをインストールしなくても、普通のアプリのプッシュ通知と同じように受け取ることが出来ます。 ※1 2/12 Firefox 44 に対応しました！ Firefox 44 のWebプッシュ通知に対応しました - Pushdog 開発ブログ ※2 PC版Chromeの場合、機能制限によりプッシュ通知を受け取れ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://qiita.com/aqz/items/c21408257a28c3fc287d