• 虹色ミツバチ
  • freoカスタマイズメモ、テンプレート・プラグイン配布/officeTIPS
検索プラグイン
虹色ミツバチ

> 記事検索 > タグ「PWA」の検索結果

記事検索

記事検索フォーム
キーワード検索
タグ検索
  • タグ「PWA」の検索結果は以下のとおりです。
  • 4件ヒットしました。
  • 1ページ中1ページ目を表示しています。

Other CSS / jQuery / javascript PWAでプッシュ通知を実装してみる(4)実際にプッシュ通知を送信・受信する

前回までの記事 では、プッシュ通知に必要なトークンを閲覧者に発行させ、購読状況とともにデータベースに記録させるところまでやりました。 今回からはデータベースに登録させた情報を元に、実際にプッシュ通知を送信・受信できるところまでやってみます。 Firebase Cloud Messaging でプッシュ通知を受信する Google Firebase Cloud Messaging(FCM...

Other CSS / jQuery / javascript PWAでプッシュ通知を実装してみる(3)Firebaseでプッシュ通知に必要なトークンを処理する

前回までの記事 で、PWA化にはmagnifest.jsonとserviceworker.jsが必要と解説し、そのサンプルを掲載しました。 今回からは目標だったプッシュ通知について解説します。 プッシュ通知の仕組みとFirebaseを利用することにした経緯 PWAを使ったプッシュ通知では、ブラウザで「プッシュ通知を受け取る」設定をした時に、「トークン」が発行されます。 これはブラウザ単...

Other CSS / jQuery / javascript PWAでプッシュ通知を実装してみる(2)とりあえずPWA化するためのmagnifest.jsonとserviceworker

前回の記事 ではPWAでプッシュ通知を実装することにした経緯とかざっくりした方法と結果を説明しました。 今回はPWA部分に的を絞って書いていきます。 PWAとは 前回も解説しましたが、PWAとは Progressive Web Apps の略です。 Googleが推進している ウェブをアプリみたいに利用できる機能 のことです。 詳しくは 前回の記事 をご覧ください。 PWA...

Other CSS / jQuery / javascript PWAでプッシュ通知を実装してみる(1)準備と解説

PWAでプッシュ通知を実装するのが大変だったので書いておきます。 目標はこんな感じ。 freoを PWA化 する プッシュ通知の購読をサイトから簡単に行えるようにする プッシュ通知の送信は手動で行うものとする(サイトの更新のお知らせとか簡単なものしかしないので) 色々やって結果がこれ。 サイトをWindows・Android・iOSに インストール できるよう...

ページ移動

  • 1

ユーティリティ

Twitter

ページ上部へ