PWAとPUSH通知について

制作中のページです
PWAとPUSH通知について解説しています。
導入すると便利ですし
導入も削除も簡単に出来るようにしていますので是非導入してください♪

目次だよ

PWAとPUSH通知に関しての簡易解説

PWAは Progressive Web Appsの略でモバイルユーザーのUX(ユーザー体験)向上を目的としたWEBページとネイティブアプリの利点をいいとこ取りできる仕組み。
ページ表示速度の向上やオフライン時でも閲覧出来るようになります。

ロック画面や、通知センター（Androidだとステータスバー）に運営からのお知らせを通知する機能の事です。
現状では煩わしくならない程度に重要なお知らせのみを自動化せずに手動で通知しています。

個別記事はこちらからどうぞ。
https://white-cat-project.an-channel.com/post-7470
https://white-cat-project.an-channel.com/post-7474

白あんappというものをテスト設置しましたので簡単な説明をしておきます

PWAという技術を使ってホームページをアプリ化しています

通常のブラウザを使用するのに比べるとキャッシュが効いてるので再訪問時に表示が高速化、通信量の軽減、オフラインでの閲覧(1度見たページのみ)が可能というメリットがあります

これまでも何度かテストはしていたのですが大分仕様が固まってきました

仕様変更時には再度記事にする予定ですがしばらくはこのままの形でやる予定です

OSが最新版の場合の説明です

古いＯＳだと起動しない場合があります(IOS11.2以下など)

①Chromeで白あんを開きます

②方法は3つ 1つはページ下部のバナーをタップ(非表示設定の場合あり)、2つ目は Chromeのメニューからホーム画面に追加、3つ目は記事下スペースにあるインストールボタンをタップ

プログラム上ページ下部のバナーと記事下スペースのインストールボタンは同時には出現しません。

また、ページ下部のバナーは　×ボタンを押すことで出現しなくなります

③ホーム画面に追加のポップアップが出るので追加を押すとインストールが始まります

IOS11.2以前のOSではご利用いただけません。

①Safariで白あんを開きます

②Safariのメニューからホーム画面に追加を選びます

③追加を選択します

各々のOSに合わせたアプリ削除方法でアンインストールできます

現在使用停止中です。