Google、Chrome for Androidに新しいPWAインストールUIを導入

プログレッシブウェブアプリ(PWA)は、いわば本格的なネイティブアプリのライト版とも言える存在です。Chrome for Androidでこれらのアプリをインストールする際、今後はネイティブアプリのインストールとほぼ同じ体験が得られるようになります。

これは、GoogleがPlayストアのUIによく似た新しいPWAインストールUIの展開を開始したためです。

現在のChromeにおけるPWAのインストール方法

現時点では、AndroidのChromeで対応サイトを開くと、画面下部に小さなバナーが表示され、「ホーム画面に追加」を促されます。これが、AndroidのChromeでプログレッシブウェブアプリをインストールする現在の方法です。

しかし、このインストールUIは、ネイティブアプリのインストール画面とは見た目も操作感も大きく異なっていました。

Chrome for Androidの新PWAインストールUI

Chrome DevelopersがTwitter(現X)で発表したところによると、GoogleはAndroid版Chrome向けに、より充実したPWAインストールUIを提供し始めています。

この新しいUIは、Google Playストアで見られるものと非常によく似ています。アプリ名、簡単な説明文、スクリーンショット、さらには「インストール」ボタンまで表示されます。

新しいPWA UIの外観

この新しいUIは展開されたばかりのため、まだ対応しているアプリは多くありません。Twitterがこのインストールインターフェースを採用した最初のサービスとなっています。

新しいインストールUIでは、アプリの簡単な説明、インストールしようとしているアプリのスクリーンショット数枚、そしてプロンプト右上に配置された「インストール」ボタンが表示されます。

このボタンをタップするとPWAがスマートフォンにインストールされ、Playストアからアプリをインストールするのとほぼ同じ感覚を得られます。

開発者が新しいUIを利用する方法

アプリ開発者の方は、マニフェストファイルに2つのメンバーを追加することで、この新しいインストールUIを利用できます。description(説明)とscreenshots(スクリーンショット)のメンバーをマニフェストファイルに追加すると、Chrome for AndroidがそのPWAのインストールに新しいUIを使用するようになります。

アプリに画像を追加する際は、以下の点に注意してください。

• 画像の幅と高さは320px以上、3840px以下である必要があります。
• スクリーンショットはすべて同じアスペクト比である必要があります。
• スクリーンショットはJPGまたはPNG形式である必要があります。
• 最大寸法は最小寸法の2倍を超えてはなりません。

ファイルに必要な変更を加えれば、あなたのPWAのインストール画面はネイティブアプリのインストールとほぼ変わらない見た目になります。

ChromeにおけるPWAのより充実したインストールインターフェース

PWA開発者は、Android版Chromeでよりリッチなインストールプロンプトを利用できるようになりました。これにより、より多くのユーザーがアプリをスマートフォンにインストールする動機づけになるでしょう。

エンドユーザーの観点からも、インストール前にPWAについてより詳しい情報を確認できるようになり、安心してアプリを導入できるようになりました。