ホーム画面に追加の挙動について

Question

android9のchromeでWebサイトを閲覧中に設定で「ホーム画面に追加」をすると、ショートカットアイコンが生成されます。
しかし、Qiitaやyahoo!のサイトで同様のことを行うと、ショートカットアイコンではなくアプリがインストールされました。

これはどのような仕組みなのでしょうか？

Answer 1

Android アプリとしてインストール可能なものは、 Progressive Web Apps (PWA) と呼ばれる仕様に準拠したウェブアプリ です。

Chrome は、主に次のような条件を満たすウェブサイト (ウェブアプリ) を「ホームへ追加」しようとすると、それは Android アプリとしてインストール可能なウェブサイト、つまり PWA であると認識し、ショートカットを作成する代わりに WebAPK という仕組み で自動生成した Android アプリをインストールします。

• 適切な Web App Manifest が用意され、 ホーム画面でのアイコンや名前が定義 されている
• Service Worker が用意され、 オフラインでもある程度動作可能なように実装 されている
• 全てのファイルが HTTPS 経由で セキュアに配信 されている

具体的にどのようなものを PWA と呼ぶのか、どのようにすれば仕様に準拠するのかを知りたい場合は、開発者であれば恐らく Google Codelabs の PWA 作成チュートリアル を御覧になられるのが分かりやすいのではないでしょうか。幸い、日本語版も用意されておりますので。

尚、 PWA を作る際に考慮すべきポイントのチェックリストは こちらの記事 で挙げられておりますが、確認したい具体的なウェブサイトが既にある場合は、 Lighthouse という Chrome 拡張 で必須項目や推奨項目への準拠がテストできます。デバッグの際は御利用を御検討下さい。