軽量で高速なPWAアプリをインストールする方法
4種類のアプリ
みんポケやみんドラにはWebアプリ、iOSアプリ、Androidアプリ以外にPWAというアプリがあるのをご存じでしょうか？
PWAはProgressive Web Appsの略で、Webアプリをより軽量でより使いやすくしたアプリです。
一方、PWAはWebベースのアプリなので、bluetoothやカメラの高度な制御などのOS独自の機能は使用できません。
アプリ比較
Webアプリ、ネイティブアプリ(iOSアプリ、Androidアプリ)、PWAの性能を大まかに比較しました。
ピンク文字はメリットが大きいもの。
| Webアプリ | ネイティブアプリ | PWA | |
|---|---|---|---|
| インストール | 不要 | 必要 | 必要 低容量 |
| アップデート | 不要 | 必要 | 不要 |
| エラーの発生 | しにくい | しやすい | しにくい |
| URLバー | あり | なし | なし |
| ホームアイコン | なし* | あり | あり |
| PUSH通知 | 一部あり** | あり | あり |
| キャッシュ | 〇 | 〇 | ◎ |
| オフライン表示 | △ | △ | ◎ |
| Native機能 | 使用不可 | 使用可 | 使用不可 |
キャッシュ(以前のデータ)が使われた場合、通信量が減り表示も高速になります。
オフライン表示機能が実装されている場合は、オフライン時も一部のコンテンツを表示できます。
*ショートカットをホームに置くことは可能です。
**iOSのSafariはPUSH通知を利用できません(PWAは2023年3月から可能に)
インストール時の容量の比較
PWAはブラウザベースで動いているため、インストールしても容量はわずかです。
AndroidでのPWAのインストール手順
PWAのインストール方法は、ウェブページのショートカットアイコンをホーム画面に設置する方法と同じため、ショートカットと勘違いしやすいですが、設置時の表示が一部異なり、また、アイコンタップでブラウザではなくアプリが開く点で大きく異なります。
ブラウザを開く
Androidデバイスで、Google Chromeや他のサポートしているブラウザを開きます。
各ゲーム攻略トップページにアクセス
みんポケやみんドラ、みんハンのトップページにアクセスします。
Chromeのメニューから「アプリをインストール」を選択
インストールの確認
表示された確認画面で「インストール」を選択します。
ホーム画面での確認
インストールが完了すると、アプリがAndroidのホーム画面にアイコンとして追加されます。
アプリの使用
ホーム画面からアイコンをタップして、PWAを通常のアプリのように使用します。
iOSでのPWAのインストール手順
Safariを開く
iOSデバイスでSafariブラウザを開きます。
各ゲーム攻略トップページにアクセス
みんポケやみんドラ、みんハンのトップページにアクセスします。
共有アイコンをタップ
Safariの画面下部にある共有アイコン（四角いボックスに上向き矢印）をタップします。
ホーム画面に追加
表示されたメニューから「ホーム画面に追加」を選択します。
追加の確認
次の画面で「追加」をタップして、インストールを完了します。
ショートカット作成との違い
ショートカット作成の場合は、文章の初めに、「デフォルトのブラウザから」という文言があります。
ホーム画面での確認
インストールが完了すると、アプリがiOSのホーム画面にアイコンとして追加されます。
アプリの使用
ホーム画面からアイコンをタップして、PWAを通常のアプリのように使用します。
9D