最近はPWAの記事などをちょくちょくみかけるようになり、実際に実装されているサイトも出てきています。例えばSUUMOなどのサイトで、ホーム画面への追加やプッシュ通知の許可の情報が表示去れているのを確認できると思います。ということで、今回はPWAはそもそも何ができるのか、どうやって開発すればよいのか、ということを簡単にですが調べてみました。
PWAの位置付けとしては「アプリ」になるので、インストールが必要であり、インストール後はアプリとしての振る舞いとなります。実際にプッシュ通知を受け取ったり、オフラインでコンテンツを見れます。イメージとしては、下記の記事が参考になると思います。
【実際に触って理解する! ウェブをアプリ化できるPWAとは?】
https://backyard.imjp.co.jp/articles/PWA
では、PWAを開発するにはどうすればよいかというと、基本的にはWEBのSPAがベースとなりますのでReactなどのフレームワークを使用することになります。プラスアルファでプッシュ通知のためのServiceWorkerの実装を行います。
【アプリ開発の常識を変える?!PWAの構成要素と開発環境】
下記の記事で各フレームワークでのサンプルコードがまとめられています。
【サンプルコードで学ぶPWA】