ゼロからPWAのサイトを構築しました。

HTML、CSS、およびJavaScriptを使って、ゼロからPWAのサイトを構築しました。

PWAとは

ウェブとアプリの両方の利点を兼ね備えたアプリです。ブラウザのタブで表示してすぐに利用することができ、インストールの必要はありません。使い続けてユーザーとの関係性が構築されていくにつれ、より強力なアプリとなります。不安定なネットワークでも迅速に起動し、関連性の高いプッシュ通知を送信することができます。また、ホーム画面にアイコンを表示することができ、トップレベルの全画面表示で読み込むことができます。
Googleより

PWAの特徴として、オフラインでも動作すること、ホーム画面にインストールできる、アプリストアからダウンロードする必要がない、プッシュ通知などが挙げられます。

以前に、GoogleスプレッドシートからPWAアプリを開発したのがコチラになります。

Service Workerとは

ブラウザが Web ページとは別にバックグラウンドで実行するスクリプト
オフラインのアプリを実現・サポートするために作られたものです。
Service Workerの基本とそれを使ってできること/Qiitaより