PWA(Progressive Web Apps)ではWebアプリケーションをローカルアプリのようにインストールできます。しかし、ユーザとしてはインストールするメリットが見えないとインストールしてくれないでしょう。 そこで使ってみたいのがPWA installです。ユーザがインストールしたくなるように促せるウィザードライブラリです。

PWA installの使い方

デモではインストールボタンを押すところからはじまります。ここは省略できるでしょう。

ウィザードを使ってインストールメリットを伝えます。

そしてユーザが納得したらインストールダイアログを出します。

インストール完了です。

PWA installはPWAのインストールダイアログを出す処理をフックして、インストール前にメリットを出すことでインストール数を増やすのを目的としています。インストール体験を向上させることで、より長く使い続けてくれることでしょう。

PWA installはTypeScript製のオープンソース・ソフトウェア(MIT License)です。

Hello! pwa-builder/pwa-install: Web Component from the PWABuilder team that brings an awesome "install" experience to your Progressive Web App!