通知エリア

PWAとPUSH通知について

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

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

アプリ化(PWA)とは?

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

PUSH通知とは?

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

PWA化&PUSH通知の個別記事

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

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

白あんappについて

白あんappとは?

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

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

テスト設置について

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

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

インストール方法

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

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

Android&PCの場合

chromeで 白あんを開きます

①Chromeで 白あんを開きます

画面下の バナーを使う
chromeのメニューから ホーム画面に追加を選ぶ
白あんの インストールボタン

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

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

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

追加をタップ

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

IOS(iPhoneやiPad)の場合

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

Safariで 白あんを開く

①Safariで 白あんを開きます

メニューから ホーム画面に追加を選ぶ

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

追加を選択

③追加を選択します

アンインストール方法

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

現在使用停止中です。
トップへ戻る
タイトルとURLをコピーしました