ã€PWA】「ホーム画é¢ã«è¿½åŠ ã€ã®ã€ŒSite cannot be installed: the page does not work offlineã€ã‚¨ãƒ©ãƒ¼å¯¾ç–çµè«–：serviceWorker用ã®JSファイルã«ã€Œself.addEventListener('fetch', function(event) {});ã€ã¨è¿½è¨˜ã™ã‚Œã°ç›´ã‚‹ã€‚ 自作ã®Webアプリã§ã€Œãƒ›ãƒ¼ãƒ ç”»é¢ã«è¿½åŠ ã€æ©Ÿèƒ½ã‚’åŠ ãˆã‚ˆã†ã¨ä»¥ä¸‹ã‚’用æ„ã—ã¾ã—ãŸã€‚ manifest.json seviceWorker.js（空ã®ãƒ•ã‚¡ã‚¤ãƒ«ï¼‰ HTMLã®ãƒ˜ãƒƒãƒ€ãƒ¼ã§ä¸Šè¨˜ã€Œmanifest.jsonã€ã‚’èªã¿è¾¼ã‚€ã‚ˆã†ã«ã—ã¦ã€HTMLã®ãƒ•ãƒƒã‚¿ãƒ¼ã«ã¯ä»¥ä¸‹ã®JSを追記。 window.addEventListener('load', function() { if ('serviceWorker' in navigator) { navigator.serviceWorker.register("/serviceWorker.js") .then(function(registration) { console.lo
Modules  | Chrome for Developers
ServiceWorkerã‚’ç°¡å˜ã«æ›¸ã‘ã‚‹workbox-swã®ä½¿ã„æ–¹ - Qiita
Introduction to Service Worker: How to use Service Worker - HTML5 Rocks
Service Worker ã®ãƒ©ã‚¤ãƒ•ã‚µã‚¤ã‚¯ãƒ«  | Articles  | web.dev
サービスワーカー API - Web API | MDN
サービスワーカーã®ä½¿ç”¨ - Web API | MDN
Web App Install Banners  | Web Fundamentals  | Google Developers
Progressive Web Apps with React.js: Part 3 — Offline support and network resilience
Progressive Web Apps with Webpack - Michal Zalecki
https://blog.mismithportfolio.com/web/sw-offline
Debugging Service Workers
Service Worker周りã®çŸ¥è˜ã‚’アップデートã™ã‚‹ï¼ˆ2017年クリスマス版） - Qiita
GitHub - goldhand/sw-precache-webpack-plugin: Webpack plugin that generates a service worker using sw-precache that will cache webpack's bundles' emitted assets. You can optionally pass sw-precache configuration options to webpack through this plugin.
next.js/examples/with-sw-precache at canary · vercel/next.js
Using a Service Worker with Next.js
{{#tags}}- {{label}}
{{/tags}}