PWA
はじめに watanabeです。 前回の予告では今回の記事でバックグラウンドで通知を受け取れるように実装する予定でしたが FCM用のJSをインポートする部分でバージョンを統一したところ ブラウザ上だと、ウェブページを閉じた状態 スマホだとブラウザを閉じた状…
はじめに watanabeです。 前回の記事ではデバッグ機能からプッシュ通知を送信して受け取ったときの処理を実装しましたが 今回は受信する端末ごとに異なるトークンを取得して、特定の端末にプッシュ通知を送れるようにします。 はじめに 実装の手順 1.Firebas…
はじめに watanabeです。 前回の記事でWebページをPWA化しましたが、今回の記事ではプッシュ通知を受け取りその処理をする部分を実装します。 はじめに プッシュ通知のAPIについて 実装する 1. ユーザの許可を得る部分 2. プッシュ通知を受け取る部分 3. プ…
今回のテーマ:PWA化の具体的なコードの書き方 watanabeです。 前回触れたとおり、PWA化に必要な具体的なコードの書き方を説明します。 今回のテーマ:PWA化の具体的なコードの書き方 PWA化に最低限必要なコードと具体的な記述方法 1 アイコンを作成する 2 Ser…
PWAとは どのようにPWA化するのか PWA化されたwebページの例 採用情報 朝日ネットの開発チームでサービスの企画やUIデザイン、HTML+CSSでの実装を主に担当している watanabeです。 今回技術テーマとしてwebページをネイティブアプリのように見せる「PWA(Prog…
