フロントエンドカンファレンス沖縄2022
採択
レギュラートーク 30分

PWAをインストールしやすくするための実装

chocodogmagic まぁし chocodogmagic

PWA(Progressive Web Apps)としてホーム画面に追加できるようにすることで、ユーザーの訪問率やコンバージョン率が上がるというデータがあります。その一方で、デフォルトのインストールバーは一般ユーザーにとっては用途が不明であったり急なインストール表記は敬遠されたりする可能性が高いです。ホーム画面追加の機能は比較的少ないコードで実装できますが、デフォルト設定のままにせず、インストールタイミングをコントロールする処理を追加しましょう。ユーザーが機能を理解した上で好きなタイミングでホーム画面に追加できるようにして、インストールのハードルを下げることが狙いです。その実装方法をコードで解説します。また、プッシュ通知のブラウザ対応も徐々に進んでいることから通知の実装・許可についても補足する予定です。