bookarchivesTwitterFacebookinstagramwebampPWAMP(AMPxPWA)でブログのプッシュ通知とオフラインのアクセスを実現する2019-03-06AMPで静的ブログを構築して運営している、一介のウェブデザイナーの私。今回、このブログをPWA化し、ユーザービリティの向上を図ります。この、AMPとPWAの組みあわせはとりわけ相性が良いらしく、PWAMP(プワンプ)という言葉もあるくらい。実装済みなので、興味のある方は、ホームスクリーンに追加してみてください。Workerとは?まとめ:シリーズで実装の方法をお伝えしていきますPWAとは?まず、PWAとは何かを整理してみます。ウェブとアプリの両方の利点を兼ね備えたアプリです。不安定なネットワークでも迅速に起動し、関連性の高いプッシュ通知を送信することができます。ホーム画面にアイコンを表示することができ、トップレベルの全画面表示で読み込むことができます。Developersふむふむなるほど。Webとアプリ両方の利点を兼ね備えた、ということで、思い当たるフシを挙げてみました。Webサイトの良いところ気軽さ公開へのスピード感ネイティブアプリの良いところインストールできる(オフラインでも使える)通知(ユーザーからのアクセスを待たずに、直接通知を送信できる)挙動が軽い(ネットワークの状況に左右されにくい)ブログがwebアプリと呼べるかアレなところ。ブログのコンテンツとの愛称は良いと思います。更新通知などを送れたら、双方にとってプラスですからね。Workerとは?単なるブログやwebサイトはどのようにすればPWAにすることができるのか。それは、ServiceWorkerというjavasciriptを使用することで可能です。