【プリードをアプリで!】PWAインストールの機能を実装しました。

プリードをアプリで

アイコン

プリード君

プリード君

この度、当サイト(総合情報サイトPlead)がアプリ(PWA)としてインストールできるようになりました。
Right Caption

MIZUさん

PWAって聞いた事がないんだけど、どういう意味なの?
プリード君

プリード君

PWAとはプログレッシブ ウェブ アプリ(Progressive Web Apps)の略語(頭字語)です。従来のアプリから進化(Progressive)した、ウェブアプリ(Web Apps)という意味ですね。

プログレッシブ ウェブアプリを利用する

プログレッシブ ウェブアプリ(PWA)を使うと、パソコンやモバイル デバイスですばやいウェブ操作が可能になります。PWA をインストールして、簡単にアクセスできるようにしたり、追加機能(オフラインで使用するコンテンツ用の追加ストレージ)を利用したりすることができます。

出展: Google Google Crorme ヘルプ

プリードのPWAをインストールするメリット・デメリット

■メリット

  • ストアやブラウザを経由せずに直接インストール出来る。
  • キャッシュを使用してオフラインで閲覧が出来る。
  • 読み込み速度の高速化
  • データ通信量の節約

■デメリット
PWAはios等、未対応の部分がある。

■人により、メリットにもデメリットにもなる
更新等の通知が来るようになる。
これは、通知を受け取りたい人とそうでない人がいると思います。スマホの設定で通知をOFFにする事も可能ですね。

インストール方法

それでは当サイトのアプリのインストール方法をご説明します。
Androidでサイトを閲覧すると、右上のハンバーガーメニューの下にインストールボタンが出てきます。
PWA

ページの一番下にもインストールボタンがあります。
PWA

インストールボタンをタップすると、下の画面になるので、「追加」をタップ。
PWA

これでホーム画面(右上)にプリードのアイコンとアプリ名が追加されました^^
スクリーンショット

PCサイトでも、サイドバーの一番下にインストールボタンが出てきます。
PC

プリード君

プリード君

是非インストールしてみて、アプリでご覧になってくださいね。
Right Caption

MIZUさん

了解。やってみるね!