skokado https://blog.hatena.ne.jp/skokado/ HAL_DATA_techBlog https://techblog.haldata.net/ 前回の記事にて、PWAという技術の概要やメリット、導入方法について触れました。 今回はその続きとしてService Workerの導入方法を解説します。 Service Workerのライフサイクル Service Workerにはライフサイクルという概念があります。 最初のイベントはInstallingで、これが正常に完了するとService Workerはfetchやpushなどのイベントをバックグラウンドで行えるようになります。 参考 - Service Worker のライフサイクル 1. Service Workerインストール では実際のコードを見ていきます。 Service Wo… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftechblog.haldata.net%2Fentry%2F2019%2F09%2F20%2F150421" title="WebアプリをネイティブライクにするPWA②（Service Worker） - HAL_DATA_techBlog" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://developers.google.com/web/fundamentals/primers/service-workers/images/sw-lifecycle.png?hl=ja Hatena Blog https://hatena.blog 2019-09-20 15:04:21 rich https://techblog.haldata.net/entry/2019/09/20/150421 1.0 100%