ChampionMATES

PWA(プログレッシブウェブアプリ)のインストール方法

このガイドでは、PWAをデバイスにインストールする方法を説明します。インストール後はブラウザを開いたりサイトを検索したりする必要はなく、アプリアイコンをタップするだけで利用できます。

PWAとは?

PWA(プログレッシブウェブアプリ)は、デバイスにインストールしてアプリのように利用できるウェブサイトです。通常のウェブページとして利用できますが、インストールすることでさまざまな利点があります。インストール済みPWAはオフラインでも利用でき、他のアプリと同様にホーム画面から簡単に起動できます。インストール方法はOSやブラウザによって異なります。

SAFARI

iOSでPWAをインストールする

iOSではSafariブラウザからのみPWAをインストールできます。まずSafariでサイトを開きます。「共有」ボタンをタップし、「ホーム画面に追加」を選択します。最後に右上の「追加」をタップするとインストール完了です。ホーム画面にアプリが表示されます。

ScreenshotScreenshotScreenshot

iOSでのPWAインストール手順のスクリーンショット

CHROME

AndroidでPWAをインストールする

AndroidではChromeブラウザからPWAをインストールできます。まずChromeでサイトを開きます。右上の「︙」メニューを開き、「ホーム画面に追加」を選択します。表示されるポップアップで「追加」をタップするとインストール完了です。

ScreenshotScreenshotScreenshotScreenshot

AndroidでのPWAインストール手順のスクリーンショット

Windows PCまたはMacでPWAをインストールする

WindowsおよびMacでは、Google ChromeとMicrosoft Edgeが最も優れたPWAサポートを提供しています。インストールしたいサイトを開き、URLバー右側のインストールアイコンをクリックして「インストール」を選択してください。または「︙」メニューからもインストールできます。


Windowsではスタートメニューから、MacではLaunchpadやSpotlight検索から利用できます。

Microsoft Edge
Screenshot

Microsoft EdgeブラウザでのPWAインストール手順のスクリーンショット

Safari
Screenshot

SafariブラウザでのPWAインストール手順のスクリーンショット

Google Chrome
Screenshot

Google ChromeブラウザでのPWAインストール手順のスクリーンショット