https://engineering.mercari.com/entry/2017/12/19/workbox
ServiceWorkerã‚’ç°¡å˜ã«æ›¸ã‘ã‚‹workbox-swã®ä½¿ã„æ–¹ - Qiita
workbox-swã®ä½¿ã„æ–¹ GMOペパボ Advent Calendar 2017ã®11日分ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã«ãªã‚Šã¾ã™ã€‚ 皆ã•ã‚“ã¯PWA(Progressive Web Apps)ã‚’ã”å˜çŸ¥ã§ã—ょã†ã‹ã€‚ 分ã‹ã‚Šã‚„ã™ã•ã‚’優先ã—ã¦è¨€ã†ãªã‚‰ã°ã€æ–°ã—ã„技術ã«ã‚ˆã£ã¦ãƒã‚¤ãƒ†ã‚£ãƒ–アプリã®ã‚ˆã†ãªå‹•ä½œãŒå¯èƒ½ã«ãªã£ãŸWebアプリケーションã®ã“ã¨ã§ã€ã‚ªãƒ•ãƒ©ã‚¤ãƒ³ã§å‹•ä½œã—ãŸã‚Šãƒ—ッシュ通知ãŒé€ã‚Œã‚‹Webアプリケーションを実ç¾ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ （詳細ã¯Google Developersã‚„ç§ã®ç™ºè¡¨ã‚¹ãƒ©ã‚¤ãƒ‰ã‚’ã”å‚ç…§ãã ã•ã„） ã•ã¦ä»Šå›žã¯PWA作æˆã«ã‚ãŸã£ã¦ã¨ã¦ã‚‚便利ãªãƒ©ã‚¤ãƒ–ラリã§ã‚ã‚‹workbox-sw（以下ã€workbox）ã®ç´¹ä»‹è¨˜äº‹ã¨ãªã‚Šã¾ã™ã€‚ workboxã¨ã¯ç°¡å˜ãªè¨˜è¿°ã§æœ€é©ãªServiceWorkerã®ã‚³ãƒ¼ãƒ‰ã‚’生æˆã—ã¦ãれるライブラリã§ã™ã€‚ PWA自体ã©ã†ã‚„らã¾ã èªçŸ¥åº¦ãŒä½Žãã€ãれを作るãŸã‚ã®ãƒ©ã‚¤ãƒ–ラリ関連もã¾ãŸ
Workbox 㧠Service Woker ã®ã‚ャッシュを導入ã—ã¦ã¿ãŸè©±ã—ã€Webpack ã‚’æ·»ãˆã¦ | Nagisaã®ã™ã‚ã‚
2017å¹´9月29æ—¥ Workbox 㧠Service Woker ã®ã‚ャッシュを導入ã—ã¦ã¿ãŸè©±ã—ã€Webpack ã‚’æ·»ãˆã¦ ã¯ã˜ã‚ã« Webkit ã® ServiceWorker (以下 SW) in develop 事件以æ¥ã€SW ã«ã‚‚希望ãŒæŒã¦ã‚‹ã‚ˆã†ã«ãªã£ã¦ãã¾ã—ãŸã€‚PWA ã¨ã„ã†è¨€è‘‰ã‚‚ã¡ã‚‡ã£ã¨ãƒã‚ºãƒ¯ãƒ¼ãƒ‰ã£ã½ããªã£ã¦ã„ã‚‹ã®ã§ã“ã“㧠PWA ã¨ã„ã†ãƒ¯ãƒ¼ãƒ‰ã‚‚ã•ã‚Šæ°—ãªã入れã¦ã¿ã¾ã™ã€‚ Nagisa ã§ã‚‚ マンガZERO ã¨ã„ã†ã‚µãƒ¼ãƒ“ス㮠Web 版㧠Workbox を使ã£ã¦ SW を使ã£ãŸã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚ャッシュを導入ã—ã¦ã¿ãŸã®ã§ã€Workbox ã®ä½¿ã„æ–¹ãªã©ç´¹ä»‹ã—ã¾ã™ã€‚ 環境 マンガZERO Web ã®ç’°å¢ƒã¯ã–ã£ãã‚Šã“ã‚“ãªæ„Ÿã˜ã§ã™ã€‚ Vue.js 2.0 Vuex SPA Webpack ã§ãƒ“ルド Express 㧠SSR UA 判定ã§ã®ãƒ‡ãƒã‚¤ã‚¹åˆ‡ã‚Šæ›¿ãˆ (PC・SP) Webpac
攻撃者視点ã§è¦‹ã‚‹ Service Worker / PWA Study SW
PWA Study( https://web-study.connpass.com/event/65267/ ) ã§ç™ºè¡¨ã—ãŸè³‡æ–™ã§ã™ã€‚
Service Worker スクリプトã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã¨æ›´æ–°å‡¦ç†
Service Worker ã®å®Ÿè£…ãŒä¸»è¦ãƒ–ラウザã§æƒã„始ã‚ã¦ç››ã‚Šä¸ŠãŒã£ã¦ãã¾ã—ãŸã。ãã®æµã‚Œã«ä¾¿ä¹—ã—ã¦ä¹…ã—ã¶ã‚Šã« Service Worker ã®ä»•æ§˜ã‚„実装ã«é–¢ã™ã‚‹è¨˜äº‹ã‚’書ã„ã¦ã¿ã¾ã—ãŸã€‚今回㯠Service Worker スクリプトã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã¨æ›´æ–°å‡¦ç†ã«ã¤ã„ã¦ã§ã™ã€‚ ã“ã®è¨˜äº‹ã¯ Service Worker スクリプトを少ã—ã§ã‚‚手書ãã—ã¦å‹•ã‹ã—ãŸã“ã¨ãŒã‚る人を想定èªè€…ã«ã—ã¦ã„ã¾ã™ã€‚Service Worker ã«ã¤ã„ã¦å…¨ã知らãªã„人ã¯ã¾ãšåˆ¥ã®å…¥é–€è¨˜äº‹ã‚’å‚ç…§ã—ã¦ãã ã•ã„。ã¾ãŸã€ç´°ã‹ã„ã“ã¨ã‚’æ°—ã«ã›ãšã« Service Worker を使ã„ãŸã„人㯠Workbox ã¨ã„ã£ãŸãƒ©ã‚¤ãƒ–ラリやフレームワークã®åˆ©ç”¨ã‚’ãŠã™ã™ã‚ã—ã¾ã™ã€‚ æ›´æ–°å±¥æ´ 2019/09/24: Chrome 78 ã‹ã‚‰ importScripts() も更新対象ã«ãªã‚Šã¾ã—ãŸã€‚ãã‚Œã«ã¤ã„ã¦åŠ ç†ã—ã¾ã—ãŸã€‚ 2018/06/07:
ä¸ç´šè€…å‘ã‘ Service Worker Tutorial | blog.jxck.io
Intro Service Worker ã®åˆå¿ƒè€…å‘ã‘ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚„ã€ä½¿ã£ã¦ã¿ãŸç³»ã®ã‚¨ãƒ³ãƒˆãƒªã‚‚増ãˆã¦ãã¾ã—ãŸã€‚ ã—ã‹ã—ã€Service Worker ã¯é€šå¸¸ã®ãƒ–ラウザ用 JS ã®é–‹ç™ºã¨å°‘ã—経路ãŒé•ã„ã€æ…£ã‚Œã‚‹ã¾ã§é–‹ç™ºã‚„デãƒãƒƒã‚°ã‚‚ãªã‹ãªã‹é›£ã—ã„ã¨æ€ã„ã¾ã™ã€‚ ãã“ã§ç‰¹ã«é›£ã—ã„部分ã€ãã—ã¦åˆ†ã‹ã£ã¦ã„ãªã„ã¨å®Ÿéš›ã«ãƒ‡ãƒ—ãƒã‚¤ã—ãŸéš›ã«é›£ã—ã„ã¨æ€ã†éƒ¨åˆ†ã«ã¤ã„ã¦ã€å®Ÿéš›ã«å‹•ãを確èªã—ãªãŒã‚‰è§£èª¬ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ãªãŠã€Service Worker ã®åŸºæœ¬çš„ãªæ¦‚念ãªã©ã«ã¤ã„ã¦ã¯ã€ä»–ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ãªã©ã‚’見ã¦ç†è§£ã—ã¦ã„ã‚‹å‰æã§é€²ã‚ã¾ã™ã€‚ æ€ã„ã¤ãã§æ’®ã£ãŸã®ã§è‰²ã€…ミスも有りã¾ã™ã€ã¾ãŸ Chrome Dev Tools ã® UI ã¯ã©ã†ã›å¤‰ã‚ã‚‹ã®ã§ãã®ã¤ã‚‚ã‚Šã§è¦‹ã¦ãã ã•ã„。 TODO ã«ãªã£ã¦ã„ã‚‹å‹•ç”»ã¯ã€ãã®ã†ã¡æ’®ã£ã¦è¿½åŠ ã—ã¾ã™ã€‚ List claim controllerchange updatefound up
イベント駆動型サービス実行基盤ã¨ã—ã¦ã® Service Worker - Qiita
当åˆã¯ better AppCache1 ã¨ã—ã¦é–‹ç™ºãŒå§‹ã¾ã£ãŸ Service Worker2 ã§ã™ãŒã€ãƒšãƒ¼ã‚¸ã¨ã¯ç‹¬ç«‹ã—ãŸãƒ©ã‚¤ãƒ•ã‚µã‚¤ã‚¯ãƒ«ã‚’æŒã¤ã“ã¨ã§ã‚¤ãƒ™ãƒ³ãƒˆé§†å‹•åž‹ã®ã‚µãƒ¼ãƒ“ス3実行基盤ã¨ã—ã¦ã®è‰²åˆã„ãŒå¼·ããªã£ã¦ã„ã¾ã™ã€‚本記事ã§ã¯ã€ã‚¤ãƒ™ãƒ³ãƒˆé§†å‹•åž‹ã®ã‚µãƒ¼ãƒ“ス実行基盤ã¨ã¯ä½•ãªã®ã‹ã€ãã“ã¸ã¨ç™ºå±•ã—ã¦ã„ã£ãŸæµã‚Œã«ã¤ã„ã¦ç´¹ä»‹ã—ã¾ã™ã€‚ ãªãŠæœ¬è¨˜äº‹ã¯ Service Worker ã®ä½¿ã„方を紹介ã™ã‚‹ã‚‚ã®ã§ã¯ã‚ã‚Šã¾ã›ã‚“。Service Worker ã‚’ã‚る程度ç†è§£ã—ã¦ã„る開発者を想定èªè€…ã¨ã—ã¦ã„ã¾ã™ã€‚ã¾ãŸã€æœ¬è¨˜äº‹ã¯ã™ã¹ã¦ç§ã®å€‹äººçš„ãªæ„見や調査ã«åŸºã¥ãã‚‚ã®ã§ã‚ã‚Šã€æ‰€å±žã™ã‚‹çµ„ç¹”ã€å›£ä½“ã¨ã¯ä¸€åˆ‡é–¢ä¿‚ã‚ã‚Šã¾ã›ã‚“。å‰ç½®ããŠã‚り。 AppCacheã€ãã—㦠Service Worker 㸠冒é ã§ã‚‚è¿°ã¹ãŸé€šã‚Šã€Service Worker ã¯å½“åˆ better AppCache ã¨ã—ã¦é–‹ç™ºãŒå§‹ã¾ã‚Šã¾ã—ãŸ4 5 6。AppC
ServiceWorkerã¨Cache APIを使ã£ã¦ã‚ªãƒ•ãƒ©ã‚¤ãƒ³ã§ã‚‚å‹•ãWebアプリを作る - Qiita
#ã¯ã˜ã‚ã« Thetaã®360°画åƒã«ã¼ã‹ã—を入れるWebアプリSphereBlur.comを作ã£ãŸéš›ã«ã€ã‚ªãƒ•ãƒ©ã‚¤ãƒ³ã§ã‚‚å‹•ãよã†ã«ã™ã‚‹ãŸã‚ã«ã€HTML5ã®æ–°ã—ã„技術Service Workerを使ã£ãŸã€‚ãªãŠã€ä¸‹ã®å‹•ç”»ã§ãƒ›ãƒ¼ãƒ ç”»é¢ã‹ã‚‰ãƒã‚¤ãƒ†ã‚£ãƒ–アプリã£ã½ãèµ·å‹•ã—ã¦ã„ã‚‹ã®ã¯Web App Manifestã®ãŠã‹ã’ã§ã‚る。 #Service Worker Service Workerã¯ã€é€šå¸¸ã®ãƒšãƒ¼ã‚¸ã®ç’°å¢ƒã¨ã¯åˆ¥ã«ã€ãƒãƒƒã‚¯ã‚°ãƒ©ã‚¦ãƒ³ãƒ‰ã§å®Ÿè¡Œã•ã‚Œã‚‹JavaScript実行環境ã§ã€ãƒšãƒ¼ã‚¸ã‹ã‚‰ã®ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ãƒªã‚¯ã‚¨ã‚¹ãƒˆã‚’横å–ã‚Šã—ãŸã‚Šã€ã‚¦ã‚§ãƒ–サイトã‹ã‚‰ã®Push通知をå—ã‘ã¨ã£ã¦è¡¨ç¤ºã™ã‚‹ã¨ã„ã£ãŸã€ä»Šã¾ã§ã¯ã§ããªã‹ã£ãŸå‡¦ç†ã‚’ã™ã‚‹ã“ã¨ãŒã§ãる。Push通知ã®æ–¹ã¯ã€åŽ»å¹´FacebookãŒä½¿ã„始ã‚ãŸã®ã§æœ‰åã«ãªã£ãŸãŒã€ä»Šå›žã¯Push通知ã§ã¯ãªãã€ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ãƒªã‚¯ã‚¨ã‚¹ãƒˆã‚’横å–ã‚Šã™ã‚‹æ©Ÿèƒ½ã‚’使ã£ã¦ã‚ªãƒ•ãƒ©ã‚¤ãƒ³å¯¾å¿œã‚’ã—ãŸã€‚ #ãƒ
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}