[B! Service Worker] roogh5eeSha6ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

roogh5eeSha6 id:roogh5eeSha6

Service Workerã«é–¢ã™ã‚‹roogh5eeSha6ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (8)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

ã€PWAã€‘ã‚·ãƒªãƒ¼ã‚ºPWA (5) ã‚ãƒ£ãƒƒã‚·ãƒ¥ã‚’åˆ¶å¾¡ã—ã¦é«˜é€ŸåŒ–ã‚„ã‚ªãƒ•ãƒ©ã‚¤ãƒ³å¯¾å¿œã‚’ã—ã¦ã¿ã‚‹ - knowledge base
ServiceWorkerã‚’å‹•ã‹ã™ãŸã‚ã®æœ€ä½Žé™ã®ãƒ™ãƒ¼ã‚¹ãŒã§ããŸã®ã§ã€ServiceWorkerã«ä»•äº‹ã‚’ã•ã›ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ ã¾ãšã¯ã€ãƒ¡ã‚¸ãƒ£ãƒ¼ãªå®Ÿè£…ã¨ãªã‚‹ã‚ãƒ£ãƒƒã‚·ãƒ¥åˆ¶å¾¡ã€ã¤ã¾ã‚‹ã¨ã“ã‚é«˜é€ŸåŒ–ã‚„ã‚ªãƒ•ãƒ©ã‚¤ãƒ³å¯¾å¿œã®å®Ÿè£…ã‚’è¡Œã„ã¾ã™ã€‚ ãƒªã‚¯ã‚¨ã‚¹ãƒˆãŒã‚ã£ãŸã‚‰ã‚ãƒ£ãƒƒã‚·ãƒ¥ã‚’è¿”ã™ã‚ˆã†ã«ã—ã¦ã¿ã‚‹ ä»Šå›žã®è‚ã¨ãªã‚‹ä»•çµ„ã¿ã§ã™ã€‚ ã¡ãªã¿ã«ä»¥å‰ç–å®šã•ã‚Œã¦ã„ãŸHTML5ã®Application Cache APIã¯ã€ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£çš„ãªç†ç”±ã«ã‚ˆã‚Šå»ƒæ¢ã•ã‚Œã¾ã—ãŸã€‚ åŸºæœ¬çš„ãªä»•çµ„ã¿ Cache API ã‚’ç”¨ã„ã¦ã€æŒ‡å®šã•ã‚ŒãŸãƒ•ã‚¡ã‚¤ãƒ«ã®ã‚ãƒ£ãƒƒã‚·ãƒ¥ã‚’æ§‹ç¯‰ã™ã‚‹ã€‚ServiceWorkerã®installæ™‚ï¼ˆinstallã‚¤ãƒ™ãƒ³ãƒˆã®ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯ï¼‰ã«ã¦è¡Œã†ã®ãŒãŠä½œæ³•ãªã‚ˆã†ã€‚ ãƒ–ãƒ©ã‚¦ã‚¶ã‹ã‚‰ã®ãƒªã‚¯ã‚¨ã‚¹ãƒˆãŒããŸã¨ãã«ã€ãã®ãƒªã‚¯ã‚¨ã‚¹ãƒˆã‚’æ¨ªå–ã‚Šã—ã¦ã€æ§‹ç¯‰ã—ã¦ã‚ã£ãŸã‚ãƒ£ãƒƒã‚·ãƒ¥ã‹ã‚‰ãƒªã‚¯ã‚¨ã‚¹ãƒˆã¨åŒã˜URLã®ãƒªã‚½ãƒ¼ã‚¹ã‚’è¿”ã™ã€‚ãƒªã‚¯ã‚¨ã‚¹ãƒˆã®æ¨ªå–ã‚Šã¯fetchã‚¤ãƒ™ãƒ³ãƒˆ
roogh5eeSha6 2021/08/05
PWA

Service Worker

ã‚ãƒ£ãƒƒã‚·ãƒ¥
ãƒªãƒ³ã‚¯
Blog - Service Workerã§ã‚ãƒ£ãƒƒã‚·ãƒ¥ãƒãƒ³ãƒ‰ãƒªãƒ³ã‚° (åŸºç¤Žç·¨) | Ohoshi.me
(æ—§ãƒ–ãƒã‚°ã‹ã‚‰ç§»è¡Œã—ã¾ã—ãŸã€‚) Service Worker ã¯ PWA(Progressive Web App)ã®ã‚ªãƒ•ãƒ©ã‚¤ãƒ³æ“ä½œã‚„ Push é€šçŸ¥ã‚’å®Ÿè£…ã™ã‚‹ãŸã‚ã®æ©Ÿèƒ½ã§ã™ã€‚JavaScript ã§å®Ÿè£…ã‚’è¡Œã„ã¾ã™ãŒã€ãƒ–ãƒ©ã‚¦ã‚¶ã¨ã¯åˆ¥ãƒ—ãƒã‚»ã‚¹ã§ãƒãƒƒã‚¯ã‚°ãƒ©ã‚¦ãƒ³ãƒ‰ã§å‹•ä½œã™ã‚‹ã®ãŒç‰¹å¾´ã§ã™ã€‚ ã‚ªãƒ•ãƒ©ã‚¤ãƒ³æ“ä½œã®å®Ÿç¾ã¯å·§ã¿ãªã‚ãƒ£ãƒƒã‚·ãƒ¥ãƒãƒ³ãƒ‰ãƒªãƒ³ã‚°ã«ã‚ˆã£ã¦ãªã•ã‚Œã¦ã„ã¾ã™ã€‚ Service Worker ã®åŸºæœ¬çš„ãªæ›¸ãæ–¹ã‚’å¦ç¿’ã—ãŸã®ã§ã€å‚™å¿˜éŒ²çš„ãªå½¢ã§ã“ã®ãƒ–ãƒã‚°ã«æ®‹ã—ã¾ã™ã€‚ PWA ã®è©±ã‚‚æ°—ãŒå‘ã„ãŸã‚‰æ®‹ã›ãŸã‚‰ã¨ï¼ Sample ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’ Github ã« Push ã—ã¾ã—ãŸã€‚ ã”æ´»ç”¨ã„ãŸã ã‘ãŸã‚‰ã¨æ€ã„ã¾ã™ã€‚Hosting ã«ã¯ Firebase Hosting ã‚’åˆ©ç”¨ã—ã¾ã—ãŸã€‚ Github:Â https://github.com/Ryoma0219/simple-pwa Firebase Hosting
roogh5eeSha6 2021/08/05
PWA

Service Worker

ã‚ãƒ£ãƒƒã‚·ãƒ¥
ãƒªãƒ³ã‚¯
iosã®PWAã§ã‚ãƒ£ãƒƒã‚·ãƒ¥ã‚’å‰Šé™¤ã™ã‚‹æ–¹æ³•
ã¯ã˜ã‚ã«ios ã® PWA ã®ã‚ãƒ£ãƒƒã‚·ãƒ¥ã£ã¦å…¨ç„¶æ¶ˆãˆãªããªã„ã§ã™ã‹ï¼Ÿï¼Ÿï¼Ÿ ã¾ã‚ãã‚ŒãŒ PWA ã®è‰¯ã„ã¨ã“ã‚ã ã¨ã¯æ€ã†ã‚“ã§ã™ã‘ã©ã›ã£ã‹ãã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ–°ã—ãã—ã¦ã‚‚ãã‚ŒãŒãƒ¦ãƒ¼ã‚¶ãŒæ¤œçŸ¥ã§ããªã„ã®ã¯è‰¯ããªã„ã§ã™ã‚ˆãã€‚ æœ¬æ¥ã§ã‚ã‚Œã°service-worker.jsã«ä»¥ä¸‹ã®ã‚ˆã†ã«æ›¸ã‘ã°ã‚ãƒ£ãƒƒã‚·ãƒ¥ã§ã¯ãªãæœ€æ–°ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’åˆ©ç”¨ã—ã¦ãã‚Œã‚‹ã¯ãšãªã®ã§ã™ãŒã€ ã©ã†ã‚„ã‚‰èª¿ã¹ãŸæ„Ÿã˜ã ã¨ã¾ã Safari ã® PWA å¯¾å¿œãŒé…ã‚Œã¦ã‚‹ã£ã½ã„ã§ã™ã€‚ã€‚ self.addEventListener('activate', (event) => { event.waitUntil( caches.keys().then((keys) => { console.log('keys: ' + keys) return Promise.all( keys.map((key) => { console.log('ä¸è¦ãªã‚ãƒ£ãƒƒã‚·ãƒ¥ã‚’å‰Š
roogh5eeSha6 2020/03/13
PWA

Service Worker

ã‚ãƒ£ãƒƒã‚·ãƒ¥
ãƒªãƒ³ã‚¯
PWAï¼š ServiceWorkerã‚’ä½¿ã£ã¦ã€ã‚ãƒ£ãƒƒã‚·ãƒ¥ã‚’ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã™ã‚‹(ã‚ªãƒ•ãƒ©ã‚¤ãƒ³ãƒãƒ³ãƒ‰ãƒªãƒ³ã‚°) - Qiita
ã¯ã˜ã‚ã« å‰å›žã®è¨˜äº‹ (https://qiita.com/OMOIKANESAN/it ems/5b23fa8ea9ea0d181df5) ã§ã€æœ€å°æ§‹æˆã§PWAã®Webã‚µã‚¤ãƒˆã‚’ä½œæˆã™ã‚‹æ–¹æ³•ã«ã¤ã„ã¦ã”ç´¹ä»‹ã—ã¾ã—ãŸã€‚ ä»Šå›žã¯ã€åˆ¥ã®ãƒšãƒ¼ã‚¸ã‚’ä½œæˆã—ã¦ã€ã€Œã‚ªãƒ•ãƒ©ã‚¤ãƒ³ã®ã¨ãã®æŒ™å‹•ã‚’åˆ¶å¾¡ã™ã‚‹ã€ã«å–ã‚Šçµ„ã¿ã¾ã—ãŸã€‚ å‰å›žã‚‚ã€ã‚ªãƒ•ãƒ©ã‚¤ãƒ³çŠ¶æ…‹ã§å‹•ä½œã™ã‚‹ãƒšãƒ¼ã‚¸ã‚’ä½œæˆã—ã¾ã—ãŸãŒã€è¤‡æ•°ã®ãƒšãƒ¼ã‚¸ã«ã¾ãŸãŒã‚‹ã‚ˆã†ãªã€ã¤ã¾ã‚Šã¯é€šå¸¸ã®Webã‚µã‚¤ãƒˆã§ã®ä½¿ã„æ–¹ã«ã¯è§¦ã‚Œãªã‹ã£ãŸã®ã§ã€ä»Šå›žã¯ãƒšãƒ¼ã‚¸ã‚’è·¨ã£ãŸã¨ãã®ã‚ªãƒ•ãƒ©ã‚¤ãƒ³è¡¨ç¤ºã‚’ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã—ã‚ˆã†ã¨ã„ã†ã®ãŒä¸»é¡Œã§ã™ã€‚ ã‚³ãƒ¼ãƒ‰ã®æ¦‚è¦ ä»Šå›žã‚‚å‰å›žåŒæ§˜ã«ã€ãªã‚‹ã¹ãæœ€å°æ§‹æˆã§ã®ã‚ªãƒ•ãƒ©ã‚¤ãƒ³ãƒãƒ³ãƒ‰ãƒªãƒ³ã‚°ã‚’ç›®æŒ‡ã—ã¾ã—ãŸã€‚ ã™ã¹ã¦ã“ã®è¨˜äº‹å†…ã«æ›¸ãã¨å†—é•·ã«ãªã£ã¦ã—ã¾ã†ãŸã‚ã€GitHubã¸ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã—ã¾ã—ãŸã®ã§ã€é©å®œå‚ç…§ã—ã¦ãã ã•ã„ã€‚ ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ãŒç›®æ¬¡ã«ãªã£ã¦ã„ã¦ã€ãã‚Œãžã‚Œã®èŠ±ã®åå‰ã‚’é¸æŠžã™ã‚‹ã¨ã€é¸æŠžã—
roogh5eeSha6 2020/03/13
PWA

Service Worker

ã‚ãƒ£ãƒƒã‚·ãƒ¥
ãƒªãƒ³ã‚¯
Vueã¨PWAã§ä½œã£ãŸã‚µã‚¤ãƒˆã®ã‚ãƒ£ãƒƒã‚·ãƒ¥ã‚’æ–°ã—ã„ãƒ•ã‚¡ã‚¤ãƒ«ãŒã‚ã£ãŸå ´åˆã«è‡ªå‹•æ›´æ–°ã—ãŸã„
è³ªå•ã‚’ã™ã‚‹ã“ã¨ã§ã—ã‹å¾—ã‚‰ã‚Œãªã„ã€å›žç”ã‚„ã‚¢ãƒ‰ãƒã‚¤ã‚¹ãŒã‚ã‚‹ã€‚15åˆ†èª¿ã¹ã¦ã‚‚ã‚ã‹ã‚‰ãªã„ã“ã¨ã¯ã€è³ªå•ã—ã‚ˆã†ï¼æ–°è¦ç™»éŒ²ã—ã¦è³ªå•ã—ã¦ã¿ã‚ˆã†
roogh5eeSha6 2020/03/13
PWA

ã‚ãƒ£ãƒƒã‚·ãƒ¥

Service Worker
ãƒªãƒ³ã‚¯
Service Workerã®åŸºæœ¬ã¨ãã‚Œã‚’ä½¿ã£ã¦ã§ãã‚‹ã“ã¨ - Qiita
Service Workerã¨ã¯ ãƒ–ãƒ©ã‚¦ã‚¶ãŒ Web ãƒšãƒ¼ã‚¸ã¨ã¯åˆ¥ã«ãƒãƒƒã‚¯ã‚°ãƒ©ã‚¦ãƒ³ãƒ‰ã§å®Ÿè¡Œã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ ã‚ªãƒ•ãƒ©ã‚¤ãƒ³ã®ã‚¢ãƒ—ãƒªã‚’å®Ÿç¾ãƒ»ã‚µãƒãƒ¼ãƒˆã™ã‚‹ãŸã‚ã«ä½œã‚‰ã‚ŒãŸã‚‚ã®ã§ã™ ã¡ãªã¿ã«ã€ãƒ–ãƒ©ã‚¦ã‚¶ã®å¯¾å¿œçŠ¶æ³ã¯ã“ã‚“ãªæ„Ÿã˜ http://caniuse.com/#search=service%20workers ç‰¹å¾´ DOM ã«ã‚¢ã‚¯ã‚»ã‚¹ã§ããªã„ DOM ã‚’æ“ä½œã—ãŸã„å ´åˆã¯ã€Service Worker ãŒã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã—ã¦ã„ã‚‹ãƒšãƒ¼ã‚¸(js)ã¨ postMessage ã§ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã®ã‚„ã‚Šå–ã‚Šã‚’ã—ã¦è¡Œã† ãƒªã‚¯ã‚¨ã‚¹ãƒˆã‚’ãƒ—ãƒã‚ã‚·ã™ã‚‹ã“ã¨ãŒå¯èƒ½ Service Worker ã¯ãƒ–ãƒ©ã‚¦ã‚¶ãŒå¿…è¦ã«å¿œã˜ã¦èµ·å‹•ãƒ»çµ‚äº†ã™ã‚‹ã®ã§ã€å¤‰æ•°ã®å€¤ã‚’ä¿æŒã—ã¦ãŠã‘ãªã„ Cacheã€IndexedDB ç‰ã§å€¤ã‚’ä¿å˜ã—ã¦ã€å¿…è¦ã«ãªã£ãŸæ™‚ã«å–ã‚Šå‡ºã™ã‚ˆã†ã«ã™ã‚‹ Promise ã‚’å¤šç”¨ã™ã‚‹ https ã‹ localhost ä¸Šã§ã—ã‹å‹•ä½œã—ãªã„ ãƒ©
roogh5eeSha6 2020/03/13
PWA

Service Worker
ãƒªãƒ³ã‚¯
ã€PWAã€‘Nuxtã§ä½œã£ãŸAMPã‚µã‚¤ãƒˆã§Serviceworkerã‚’ä½¿ãˆã‚‹ã‚ˆã†ã«ã™ã‚‹ | æ±äº¬å¤œ7æ™‚
ã“ã®è¨˜äº‹ã§ã¯Nuxt.jsã®nuxt/pwaã‚’ä½¿ã£ã¦ã€è¶…ç°¡å˜ã«ã‚µãƒ¼ãƒ“ã‚¹ãƒ¯ãƒ¼ã‚«ãƒ¼ã‚’å°Žå…¥ã—ã¾ã™ã€‚ å°Žå…¥ã™ã‚‹ã‚µã‚¤ãƒˆã¯ã€ã“ã®ã‚µã‚¤ãƒˆã§ã€AMPã§æ§‹æˆã—ã¦ã„ã¾ã™ã€‚ ã¨ã„ã†ã“ã¨ã§ã€Nuxt.jsã§ã€ŒPWAã‚’å®Ÿç¾ã—ãŸã„æ–¹ã€ã¨ã€ã€ŒAMPã§PWAã‚’å®Ÿç¾ã—ãŸã„æ–¹ã€ã®å‚è€ƒã«ãªã‚Œã°å¹¸ã„ã§ã™ã€‚ nuxtã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ä½¿ã†ã¨ã€ã‚µãƒ¼ãƒ“ã‚¹ãƒ¯ãƒ¼ã‚«ãƒ¼ã®è¨å®šã®ã»ã¨ã‚“ã©ã®éƒ¨åˆ†ã‚’ç°¡ç•¥åŒ–ã§ãã¦ã—ã¾ã„ã¾ã™ã€‚ ã‚ˆã£ã¦ã€å°Žå…¥ã®ãƒãƒ¼ãƒ‰ãƒ«ã¯ä½Žã„ã®ã§ã€ã‚„ã‚‰ãªã„æ‰‹ã¯ãªã„ï¼ é€†ã«ã€workboxãªã©ã‚’ä½¿ã£ã¦ã€AMPã«ç›´æŽ¥å°Žå…¥ã—ãŸã„æ–¹ã«ã¯ã€ã“ã®è¨˜äº‹ã§ã¯æƒ…å ±ãŒè¶³ã‚Šãªã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ Servicewokerã®ãƒ¡ãƒªãƒƒãƒˆ NuxtÃ—AMPã§ã‚µãƒ¼ãƒ“ã‚¹ãƒ¯ãƒ¼ã‚«ãƒ¼ã‚’å‹•ã‹ãã† AMPã®ãŸã‚ã®seviceworkerã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆ ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ã‚’ä½¿ã£ã¦ç°¡å˜ã«manifest.jsonã‚’ä½œã‚‹ ãƒ›ãƒ¼ãƒ ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã¸è¿½åŠ ãŒã§ãã¾ã™ï¼ ã¾ã¨ã‚ï¼šè¡¨ç¤ºé€Ÿåº¦ã‚¹ãƒˆãƒ¬ã‚¹ã®å¤§å¹…ãªè»½æ¸›ã®ãŸ
roogh5eeSha6 2020/03/02
PWA

AMP

Service Worker
ãƒªãƒ³ã‚¯
Service WorkerãŒã‚‚ã¤åœ§å€’çš„ãªåŠ›ã€‚SEOæ‹…å½“è€…ã¯å¤‰åŒ–ã«é©å¿œãŒå¿…è¦ | Moz - SEOã¨ã‚¤ãƒ³ãƒã‚¦ãƒ³ãƒ‰ãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°ã®å®Ÿè·µæƒ…å ±
PWAã€SPAã€Service Workerã¨ã¯ï¼Ÿï¼ˆå‰ç·¨ã§è§£èª¬ï¼‰SPAã‚’å¯èƒ½ã«ã™ã‚‹App Shellã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ï¼ˆä¸ç·¨ã§è§£èª¬ï¼‰Service WorkerãŒã‚‚ã¤åœ§å€’çš„ãªåŠ›ã¾ã¨ã‚3. Service WorkerãŒã‚‚ã¤åœ§å€’çš„ãªåŠ›æœ€åˆã«ã¯ã£ãã‚Šã•ã›ã¦ãŠããŸã„ã“ã¨ãŒã‚ã‚‹ã€‚ãã‚Œã¯ã€ã“ã“ã¾ã§ã§è§£èª¬ã—ã¦ããŸã€ŒSPAã€ã¨ã€ã“ã“ã‹ã‚‰å–ã‚Šä¸Šã’ã‚‹ã€ŒService Workerï¼ˆã‚µãƒ¼ãƒ“ã‚¹ãƒ»ãƒ¯ãƒ¼ã‚«ãƒ¼ï¼‰ã€ã¯ã€äº’ã„ã«æŽ’ä»–çš„ãªã‚‚ã®ã§ã¯ãªã„ã¨ã„ã†ã“ã¨ã ã€‚ ã¤ã¾ã‚Šã“ã®2ã¤ã¯å…±å˜ã™ã‚‹ã‚‚ã®ã ã¨ã„ã†ã“ã¨ã ã€‚ã©ã¡ã‚‰ã‚‚PWAã¨å‘¼ã°ã‚Œã‚‹ã‚‚ã®ã®åŸºç›¤ã¨ãªã£ã¦ã„ã‚‹ãŒã€SPAã§ã¯ãªã„PWAã‚’ã¤ãã‚‹ã“ã¨ã‚‚å¯èƒ½ã ã—ã€å¾“æ¥ã®é™çš„ãªã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆï¼ˆã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ã§ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã™ã‚‹å‡¦ç†ãŒãªã„ã‚µã‚¤ãƒˆï¼‰ã«Service Workerã‚’çµ±åˆã™ã‚‹ã“ã¨ã‚‚ã§ãã‚‹ï¼ˆè¿‘ã„å°†æ¥ã€ãã®ã‚ˆã†ãªã‚µã‚¤ãƒˆãŒå¢—ãˆã‚‹åƒ•ã¯æ€ã£ã¦ã„ã‚‹ï¼‰ã€‚ ã•ã‚‰ã«ã€Service Workerã¯ã‚¦ã‚§ãƒ–
roogh5eeSha6 2020/02/17
PWA

Service Worker
ãƒªãƒ³ã‚¯
1