[B! service worker] donnie28064212ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

donnie28064212 id:donnie28064212

service workerã«é–¢ã™ã‚‹donnie28064212ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (20)

${{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}}

Swdev: çœŸã® No bundle frontend
ã¿ãªã•ã‚“ã€ãƒ–ãƒ©ã‚¦ã‚¶å†…ã§ TypeScript ãŒç›´æŽ¥å‹•ã„ã¦ãã‚ŒãŸã‚‰ã„ã„ãªãã€ã¨æ€ã£ãŸã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“ã‹ï¼Ÿ ã—ã¾ã—ãŸã€‚ ã“ã‚ŒãŒã§ãã¾ã™ã€‚ ã©ã®ã‚ˆã†ã«ã†ã”ã„ã¦ã‚‹ã‹ Service Worker ã¯åˆæ³• MITM ã¨ã‚‚è¨€ãˆã¦ã€ fetch æ™‚ã®ãƒªã‚¯ã‚¨ã‚¹ãƒˆã‚’å¥½ãã«æ›¸ãæ›ãˆã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ é–‹ç™ºæ™‚ åˆå›žã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«æ™‚ã« Service Worker ã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« ã‚³ãƒ³ãƒ‘ã‚¤ãƒ©ã‚’å†…è”µã—ãŸ Service Worker ãŒãƒªã‚¯ã‚¨ã‚¹ãƒˆã®æ‹¡å¼µåã«å¿œã˜ã¦ js ã«æ›¸ãæ›ãˆã‚‹ Content-Type: text/javascript ã¨ã—ã¦ SW ã§ã‚ãƒ£ãƒƒã‚·ãƒ¥ã—ã¦è¿”å´ TypeScript(.ts, .tsx) ã¨ Svelte(.svelte + preprocess) ã«å¯¾å¿œ WebSocket ã‚µãƒ¼ãƒãƒ¼ã‚’èµ·å‹•ã€‚ãƒ•ã‚¡ã‚¤ãƒ«å¤‰æ›´ã‚’ç›£è¦–ã—ã¦ã€å¤‰æ›´ã•ã‚ŒãŸãƒ•ã‚¡ã‚¤ãƒ«åã‚’ãƒ–ãƒ©ã‚¦ã‚¶ã«é€šçŸ¥ å¤‰æ›´ã•ã‚ŒãŸãƒ•ã‚¡ã‚¤ãƒ«ã‚’ Serv
donnie28064212 2021/03/29
deno

service worker

typescript
ãƒªãƒ³ã‚¯
Workboxã§ç”»åƒã‚’ãƒ©ãƒ³ã‚¿ã‚¤ãƒ ã§ã‚ãƒ£ãƒƒã‚·ãƒ¥ã™ã‚‹ - console.lealog();
ã‚¢ã‚¯ã‚»ã‚¹ã™ã‚‹ã¨ãƒ¡ã‚¬å˜ä½ã§ãŸãã•ã‚“ã®ç”»åƒã‚’èªã¿è¾¼ã‚€ã‚µãƒ¼ãƒ“ã‚¹ãŒã‚ã‚Šã¾ã—ã¦ãƒ»ãƒ»ã€‚ ãƒªãƒ•ã‚¡ã‚¯ã‚¿ã«ã‚ˆã£ã¦ã€å‹•çš„ã«å¿…è¦ãªç”»åƒã ã‘ã‚’èªã¿è¾¼ã‚€ã‚ˆã†ã«æ”¹ä¿®ã¯ã—ãŸã‘ã©ã€ãã‚Œã§ã‚‚å›žéŠã™ã‚‹ã¨ã‚µã‚¤ã‚ºãŒã™ã”ã„ã“ã¨ã«ãªã‚‹ã€‚ ã“ã‚Œã‚’ãªã‚“ã¨ã‹ã™ã‚‹ãªã‚‰ServiceWorkerã—ã‹ãªã„ï¼ã¨ã„ã†ã‚ã‘ã§ã€‚ Workbox æœ€åˆã¯0ã‹ã‚‰æ‰‹æ›¸ãã—ã‚ˆã†ã‹ã¨æ€ã£ãŸã‘ã©ã€ã¡ã‚‡ã£ã¨ã‚„ã‚Šå§‹ã‚ãŸã ã‘ã§ã‚ã‚Œã“ã‚Œé¢å€’ãªã“ã¨ãŒã‚ã‹ã£ãŸã®ã§ã€å…ˆäººã«é ¼ã‚‹ã“ã¨ã«ã—ãŸã€‚ Workbox Â |Â Google Developers ã”ä¸å¯§ã«ã€ã“ã†ã„ã†ã“ã¨ãŒã‚„ã‚ŠãŸã„ã‚“ã˜ã‚ƒã‚ï¼Ÿã£ã¦ã„ã†ã®ãŒã‚¬ã‚¤ãƒ‰ã®ä¸ã«ã‚ã£ã¦ã€ãã†ãã†ã“ã‚Œã“ã‚Œã€œã£ã¦æ„Ÿã˜ã ã£ãŸã€‚ äº‹å‰ã‚ãƒ£ãƒƒã‚·ãƒ¥ã§ã¯ãªãã€ã‚ãã¾ã§ãƒ©ãƒ³ã‚¿ã‚¤ãƒ ã§ã®ã‚ãƒ£ãƒƒã‚·ãƒ¥ãŒã—ãŸã‹ã£ãŸã®ã§ã€ã“ã‚Œã€‚ import { CacheableResponsePlugin } from "workbox-cacheable-response"; i
donnie28064212 2020/12/09
workbox

service worker

performance

javascript
ãƒªãƒ³ã‚¯
Service WorkerãŒæ›´æ–°ã•ã‚ŒãŸã“ã¨ã‚’é€šçŸ¥ã™ã‚‹æ›´æ–°ãƒ€ã‚¤ã‚¢ãƒã‚°ã‚’å‡ºã™ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’æ›¸ã„ãŸ
service-worker-updatefound-refresh-dialogã¨ã„ã†èªã¿è¾¼ã‚€ã ã‘ã§ã€ã‚ˆãã¿ã‚‹Service Workerã®æ›´æ–°ãƒ€ã‚¤ã‚¢ãƒã‚°ã‚’å‡ºã™ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’æ›¸ãã¾ã—ãŸã€‚ ãƒãƒ¼ãƒ‰ã™ã‚‹ã¨ã€Service WorkerãŒæ›´æ–°ã•ã‚ŒãŸã¨ãã«ãƒšãƒ¼ã‚¸ã‚’ãƒªãƒãƒ¼ãƒ‰ã™ã‚‹ãŸã‚ã®æ›´æ–°ãƒ€ã‚¤ã‚¢ãƒã‚°ã‚’å‡ºã™ã ã‘ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ ä½¿ã„æ–¹ ãƒšãƒ¼ã‚¸ã¨Service Workerå†…ã®2ç®‡æ‰€ã§ãã‚Œãžã‚Œã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ãƒãƒ¼ãƒ‰ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ Page: index.html Service Worker: sw.js UNPKGã‚’çµŒç”±ã—ã¦ã€ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’é…å¸ƒã—ã¦ã„ã¾ã™ãŒæœ€æ–°ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯READMEã‚’å‚ç…§ã—ã¦ãã ã•ã„ã€‚ azu/service-worker-updatefound-refresh-dialog: A library show refresh dialog/banner when the servic
donnie28064212 2019/10/28
javascript

service worker
ãƒªãƒ³ã‚¯
Webã§ã©ã“ã¾ã§éŠã¹ã‚‹ã‹è©¦ã—ã¦ã¿ãŸ - Qiita
Sound Walker ã¨ã„ã† Web ã‚¢ãƒ—ãƒªã‚’ä½œã‚Šã¾ã—ãŸã€‚ â†“ã“ã“ã§éŠã¹ã¾ã™â†“ï¼ˆã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã§é–‹ã„ã¦ãã ã•ã„ï¼‰ https://www.sound-walker.app ãƒªãƒã‚¸ãƒˆãƒªã¯ã“ã¡ã‚‰ https://github.com/Leonardo-mbc/sound-walker ãƒ›ãƒ¼ãƒ ç”»é¢ã«è¿½åŠ ã™ã‚‹ã“ã¨ã§ã€ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ãŸã‚¢ãƒ—ãƒªã®ã‚ˆã†ã«éŠã¹ã¾ã™ã€‚ Webã§ã©ã“ã¾ã§ã§ãã‚‹ã‹ã‚’ã‚„ã£ã¦ã¿ã‚ˆã†ã¨æ€ã£ã¦ä½œã‚Šå§‹ã‚ã¦ã€ ã»ã£ã¨ã„ã¦æ•°å¹´ãŸã£ãŸã‚‰æŠ€è¡“ãŒã¿ã‚‹ã¿ã‚‹å¤‰ã‚ã£ã¦ã„ã¦ã€ã„ã‚ã„ã‚å‘³ãŒå‡ºã¦ãã¾ã—ãŸã€‚ Service Worker, Add To HomeScreen ãªã©ãªã© Webã§ã§ãã‚‹ã‚²ãƒ¼ãƒ ã£ã¦ã ã‘ã ã£ãŸã®ãŒã€æ™®é€šã«ã‚¹ãƒžãƒ›ã§å‹•ãã‚²ãƒ¼ãƒ ã«ãªã‚‹æ™‚ä»£ã«ãªã£ã¦ãŠã‚Šã¾ã™ã€‚ Sound Walker ã§ä½¿ã£ã¦ã‚‹æŠ€è¡“ã¯ WebGL(Three.js), WebAudioAPI, ServiceWorker,
donnie28064212 2019/01/30
pwa

audio

webgl

app

service worker

manifest.json

canvas

javascript
ãƒªãƒ³ã‚¯
PWA å…¥é–€ ã€œiOS Safariã§PWAã‚’ä½“é¨“ã™ã‚‹ã¾ã§ã€œ 2019å¹´7æœˆæ›´æ–° - Qiita
What's PWA ? Progressive Web Apps ï¼ˆãƒ—ãƒã‚°ãƒ¬ãƒƒã‚·ãƒ–ã€€ã‚¦ã‚§ãƒ–ã€€ã‚¢ãƒƒãƒ—ã‚¹ï¼‰ã®ç•¥ GoogleãŒæŽ¨é€²ã—ã¦ã„ã‚‹ã€ãƒ¢ãƒã‚¤ãƒ«ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ä½“é¨“ï¼ˆUXï¼‰å‘ä¸Šã‚’ç›®çš„ã¨ã™ã‚‹ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆãƒ»æŠ€è¡“ã®ã“ã¨ PWAã¯ã€ã‚ã–ã‚ã–Apple Storeã‚„Google Play Storeã‹ã‚‰ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã™ã‚‹å¿…è¦ã¯ã‚ã‚Šã¾ã›ã‚“ ä¸å®‰å®šãªãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã§ã‚‚è¿…é€Ÿã«èµ·å‹•ã—ã€é–¢é€£æ€§ã®é«˜ã„ãƒ—ãƒƒã‚·ãƒ¥é€šçŸ¥ã‚’é€ä¿¡ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ãƒ›ãƒ¼ãƒ ç”»é¢ã«ã‚¢ã‚¤ã‚³ãƒ³ã‚’è¡¨ç¤ºã™ã‚‹ã“ã¨ãŒã§ãã€ãƒˆãƒƒãƒ—ãƒ¬ãƒ™ãƒ«ã®å…¨ç”»é¢è¡¨ç¤ºã§èªã¿è¾¼ã‚€ã“ã¨ãŒã§ãã¾ã™ã€‚ â–¼ã“ã®ã‚ˆã†ã«ã€Webã‚µã‚¤ãƒˆã‚’ç›´æŽ¥ãƒ›ãƒ¼ãƒ ã«è¿½åŠ ã™ã‚‹ã“ã¨ã§ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³åŒ–ã•ã‚Œã¾ã™ å°Žå…¥äº‹ä¾‹ å¤§æ‰‹WEBã‚µã‚¤ãƒˆã‹ã‚‰ã§å°Žå…¥ãŒã¯ã˜ã¾ã‚Šã¤ã¤ã‚ã‚Šã¾ã™ ã‚³ãƒ³ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ—ã«ã‚‚åŠ¹æžœçš„ã§ã™ Trivago https://www.trivago.com Twitter Lite https://mobi
donnie28064212 2018/09/18
pwa

manifest.json

service worker
ãƒªãƒ³ã‚¯
Introduction to Service Worker: How to use Service Worker - HTML5 Rocks
Service workers offer incredible utility, but can be tricky to work with at first. Workbox makes service workers easier to use. However, because service workers solve hard probl ems, any abstraction of that techno logy will also be tricky without understanding it. Thus, these first few bits of documentation will cover that underlying techno logy before getting into Workbox specifics. To view a runnin
donnie28064212 2018/09/18
service worker

google

pwa
ãƒªãƒ³ã‚¯
ã¯ã˜ã‚ã¦ã®ãƒ—ãƒã‚°ãƒ¬ãƒƒã‚·ãƒ– ã‚¦ã‚§ãƒ–ã‚¢ãƒ—ãƒª
donnie28064212 2018/09/18
pwa

google

tutorial

app shell

service worker
ãƒªãƒ³ã‚¯
Workbox Broadcast Cache Update Â |Â Workbox Â |Â Google Developers
Build with Chrome Learn how Chrome works, participate in origin trials, and build with Chrome everywhere.
donnie28064212 2018/06/22
google

pwa

service worker

workbox
ãƒªãƒ³ã‚¯
PWAã§è¡¨ç¤ºé€Ÿåº¦ãŒ2å€ã«ï¼Â ã‚¹ãƒ”ãƒ¼ãƒ‰æ”¹å–„ã‚’å¦¥å”ã—ãªã„æ—¥çµŒé›»åç‰ˆã«å¦ã¶ã€PWAã®ãƒ¡ãƒªãƒƒãƒˆï¼†ãƒ‡ãƒ¡ãƒªãƒƒãƒˆ - ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢Hubï½œWebã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ã‚ãƒ£ãƒªã‚¢ã‚’è€ƒãˆã‚‹ï¼
PWAã§è¡¨ç¤ºé€Ÿåº¦ãŒ2å€ã«ï¼Â ã‚¹ãƒ”ãƒ¼ãƒ‰æ”¹å–„ã‚’å¦¥å”ã—ãªã„æ—¥çµŒé›»åç‰ˆã«å¦ã¶ã€PWAã®ãƒ¡ãƒªãƒƒãƒˆï¼†ãƒ‡ãƒ¡ãƒªãƒƒãƒˆ ãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ—ãƒªã«è¿‘ã„ä½“é¨“ã‚’ç°¡å˜ã«æä¾›ã§ãã‚‹ã¨ã—ã¦æ³¨ç›®ã‚’é›†ã‚ã¦ã„ã‚‹ã€ŒPWAã€ã€‚å®Ÿéš›ã«å°Žå…¥ã—ã€è¡¨ç¤ºé€Ÿåº¦ãŒ2å€ã«ãªã£ãŸã¨ã„ã†æ—¥çµŒæ–°èžé›»åç‰ˆã®é–‹ç™ºè€…ã«ã€ŒPWAã€ã®ãƒ¡ãƒªãƒƒãƒˆã¨ãƒ‡ãƒ¡ãƒªãƒƒãƒˆã‚’ä¼ºã„ã¾ã—ãŸã€‚ PWAï¼ˆProgressive Web Appsï¼‰ã¯æœ¬å½“ã«ã€Œã‚¢ãƒªã€ãªã®ã‹â€•â€•ï¼Ÿ ãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ—ãƒªã®é–‹ç™ºã«ã¯Webã¨ã¯ç•°ãªã‚‹å°‚é–€çŸ¥è˜ãŒå¿…è¦ã§ã‚ã‚Šã€ã¾ãŸAndroidã‚„iOSãªã©OSã”ã¨ã§ã‚‚ç•°ãªã‚‹ãŸã‚ã€ãƒªã‚½ãƒ¼ã‚¹ãŒè†¨å¤§ã«ã‹ã‹ã‚‹ã¨ã„ã†èª²é¡ŒãŒã‚ã‚Šã¾ã™ã€‚ãã“ã§æ˜¨ä»Šã¯ã€Xamarinã‚„React Nativeãªã©ã®ã‚¯ãƒã‚¹ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ é–‹ç™ºãƒ„ãƒ¼ãƒ«ã‚’ä½¿ã„ã€ãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ—ãƒªã‚„Webã®é–‹ç™ºã‚’ä¸€æœ¬åŒ–ã—ã‚ˆã†ã¨ã„ã†å‹•ããŒæ´»ç™ºã«ãªã£ã¦ã„ã¾ã™ã€‚ ä¸€æ–¹ã§ã€ãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ—ãƒªã«è¿‘ã„ä½“é¨“ã‚’ç°¡å˜ã«æä¾›ã§ãã‚‹ã¨ã—ã¦æ³¨ç›®ã‚’é›†ã‚ã¦ã„ã‚‹ã®ãŒã€Goog
donnie28064212 2018/06/05
service worker

pwa

performance

interview
ãƒªãƒ³ã‚¯
ServiceWorker Cookbook
Introduction Igrice za decu od 3 do 103 godine. Nove online friv igrice, mobilne za telefon. The Service Worker Cookbook is a collection of working, practical examples of using service workers in modern web sites. Tip: Open your Developer Tools console to view fetch events and informative messages about what each recipe's service worker is doing! Attribution The Service Worker Cookbook was created
donnie28064212 2018/05/26
service worker

mozilla

pwa

push notification
ãƒªãƒ³ã‚¯
å½“åˆã®æ‡¸å¿µã©ãŠã‚Šãƒ–ãƒ©ã‚¦ã‚¶ã®ãƒ—ãƒƒã‚·ãƒ¥é€šçŸ¥ã¯é‚ªæ‚ªã«ä½¿ã‚ã‚Œã¯ã˜ã‚ã¦ã„ã‚‹ã€‚å®Ÿè£…å´ã¯ã‚¯ãƒªãƒƒã‚¯ã¾ã§è³¼èªç¢ºèªã‚’å¾…ã¤ã¹ãã€‚ - mizchi's blog
è¿½è¨˜: 2019/11/12 2å¹´çµŒã£ãŸã‘ã©ä½“é¨“ãŒæ‚ªåŒ–ã—ç¶šã‘ãŸçµæžœã€ Firefox ãŒã“ã®è¨˜äº‹ã®é€šã‚Šã«ãªã‚Šã¾ã—ãŸãâ€¦ www.fxsitecompat.dev ãƒ—ãƒƒã‚·ãƒ¥é€šçŸ¥ã€ãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ—ãƒªã®æ©Ÿèƒ½éƒ¡ã‚’Webã«æŒã¡è¾¼ã‚€PWAæŠ€è¡“ã®å£²ã‚Šã®ä¸€ã¤ã ãŒã€å½“åˆã‹ã‚‰æ‡¸å¿µã•ã‚Œã¦ã„ãŸã¨ãŠã‚Šã€éžå¸¸ã«ãƒŽã‚¤ã‚¸ãƒ¼ãªã‚‚ã®ã¨ãªã£ã¦ã—ã¾ã£ã¦ã„ã‚‹ã€‚è‡ªåˆ†ã‚‚æ°—ã¥ã‘ã°ã‚ã‚‰ã‚†ã‚‹ã‚µã‚¤ãƒˆã®è³¼èªç¢ºèªã‚’ã€ç„¡æ„è˜ã§æ‹’å¦ã‚’æŠ¼ã™ã‚ˆã†ã«ãªã£ã¦ã—ã¾ã£ãŸã€‚ hagex.hatenadiary.jp å°‘ã—å‰ã®è¨˜äº‹ã€‚æœ€è¿‘ã¯ã©ã“ã‹ã§ wordpress ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã«ãªã£ãŸã®ã‹ã€ç›®ã«ã™ã‚‹æ©Ÿä¼šãŒéžå¸¸ã«å¤šããªã‚Šã€éžå¸¸ã«ã‚¹ãƒˆãƒ¬ã‚¹ãƒ•ãƒ«ã€‚æœ€åˆã¯æŠ€è¡“çš„ãªç›®æ–°ã—ã•ã‹ã‚‰ã‹ã€ã‚ã‚‹ç¨‹åº¦å®¹èªã—ã¦ã„ãŸãŒã€ã•ã™ãŒã«ã“ã®çŠ¶æ³ãŒæ‚ªåŒ–ã™ã‚‹ä¸€æ–¹ã§ã€æœ¬æ°—ã§ã‚„ã°ã„ã‚“ã˜ã‚ƒãªã„ã‹ã¨æ€ã£ã¦ã„ã‚‹ã€‚ã¨ãã«åˆè¦‹ã®ãƒ–ãƒã‚°ã®è¨˜äº‹ã‚’èªã‚€å‰ã«ã€è³¼èªç¢ºèªãŒå‡ºã‚‹ã®ãŒæœ€æ‚ªã®ä½“é¨“ã¨ãªã£ã¦ã„ã‚‹ã€‚ ãã‚‚ãã‚‚ãƒ—ãƒƒã‚·ãƒ¥é…ä¿¡ã¨ã¯
donnie28064212 2017/12/06
service worker

pwa
ãƒªãƒ³ã‚¯
ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã—ãŸæ—¥çµŒé›»åç‰ˆãŒé«˜é€Ÿã™ãŽã¦ãƒ¤ãƒã‚¤ä»¶ï½œã“ã‚“ã´ã‚…
æ—¥æœ¬çµŒæ¸ˆæ–°èžã¯å›½å†…ã‚’ä»£è¡¨ã™ã‚‹çµŒæ¸ˆèªŒã ã€‚ãã®é›»åç‰ˆã¯webã§ã®ç¶™ç¶šèª²é‡‘ã‚’å¤§æˆåŠŸã•ã›ã€ã„ã¾ã‚„50ä¸‡ä»¥ä¸Šã®æœ‰æ–™ä¼šå“¡ã‚’æ“ã™ã‚‹ãƒ¢ãƒ³ã‚¹ã‚¿ãƒ¼ã‚µã‚¤ãƒˆã ã€‚ ãã®æ—¥çµŒé›»åç‰ˆãŒ11æœˆ6æ—¥ã«å…¨é¢ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã—ãŸã®ã ãŒã€å…¬é–‹å¾Œã€webæ¥ç•ŒãŒã«ã‚ã‹ã«ã–ã‚ã¤ã„ãŸã€‚è¡¨ç¤ºé€Ÿåº¦ãŒçˆ†é€Ÿã ã£ãŸã®ã ã€‚æ—¥çµŒå…¬å¼ã‚‚ãƒ¢ãƒã‚¤ãƒ«ã§2å€ã®è¡¨ç¤ºé€Ÿåº¦ã‚’é”æˆã—ãŸã¨å ‚ã€…ã¨å®£è¨€ã—ã¦ã„ãŸã€‚ webã‚µãƒ¼ãƒ“ã‚¹ã¯ç¶™ç¶šçŽ‡ã“ãç¥žKPIã§ã€ãã®ç¶™ç¶šçŽ‡ã«ã¯é€Ÿåº¦ãŒå¤§ããå½±éŸ¿ã™ã‚‹ã€‚ ã“ã‚Œã¯ãƒã‚§ã‚ã‚‰ãªã„ã¨ãƒ¤ãƒã‚¤ã¨æ„Ÿã˜ã€å‹äººã®kitakã•ã‚“ã¨ã‚¹ãƒ”ãƒ¼ãƒ‰ã®ç§˜å¯†ã‚’èª¿æŸ»ã—ã¦ã¿ãŸã€‚ Fastlyã‚’ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚ãƒ£ãƒƒã‚·ãƒ¥ã«ä½¿ã†æ®†ã©ã®ãƒ‡ãƒ¼ã‚¿ã¯Fastlyã‚’çµŒç”±ã—ã¦å–å¾—ã•ã‚Œã¦ã„ãŸã€‚Fastlyã¯æœ€è¿‘æ³¨ç›®ã‚’é›†ã‚ã¦ã„ã‚‹CDNï¼ˆä¸–ç•Œä¸ã«ã‚¨ãƒƒã‚¸ã‚µãƒ¼ãƒãƒ¼ã‚’é…ç½®ã—ã€é«˜é€Ÿã«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’é…ä¿¡ã™ã‚‹ã‚µãƒ¼ãƒ“ã‚¹ï¼‰ã§ã€éžå¸¸ã«é«˜æ©Ÿèƒ½ã§ãƒ¦ãƒ‹ãƒ¼ã‚¯ãªã‚µãƒ¼ãƒ“ã‚¹ã ã€‚ ä¸€èˆ¬ã«ã€CDNã¯ã„ã£ãŸã‚“ä¸–ç•Œä¸ã«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ã°ã‚‰ã¾ãã¨ã€ãã‚Œã‚’ç„¡
donnie28064212 2017/11/13
performance

cdn

http2

webp

service worker

fastly
ãƒªãƒ³ã‚¯
æ”»æ’ƒè€…è¦–ç‚¹ã§è¦‹ã‚‹ Service Worker / PWA Study SW
PWA Study( https://web-study.connpass.com/event/65267/ ) ã§ç™ºè¡¨ã—ãŸè³‡æ–™ã§ã™ã€‚
donnie28064212 2017/09/15
slide

service worker

security

xss

pwa

vulnerability
ãƒªãƒ³ã‚¯
Service Worker ã® Navigation Preload ã«ã‚ˆã‚‹è¡¨ç¤ºé…å»¶å›žé¿ | blog.jxck.io
Intro Service Worker ã§ Fetch ã‚’ Proxy ã™ã‚‹å ´åˆã€ Fetch ç™ºç”Ÿæ™‚ã« SW ãŒèµ·å‹•ã—ã¦ã„ãªã‘ã‚Œã°ã€ãã®èµ·å‹•ã‚’å¾…ã¤å¿…è¦ãŒå‡ºã‚‹ã€‚ ãã—ã¦ã€ã“ã® SW ã®èµ·å‹•ã«ã¯ç„¡è¦–ã§ããªã„æ™‚é–“ãŒã‹ã‹ã‚‹å ´åˆãŒã‚ã£ãŸã€‚ ã“ã‚Œã‚’æ”¹å–„ã™ã‚‹ Navigation Preload ã«ã¤ã„ã¦è§£èª¬ã™ã‚‹ã€‚ SW Bootup SW ãŒ onfetch ã‚’ãƒãƒ³ãƒ‰ãƒ«ã—ã€ã‚ãƒ£ãƒƒã‚·ãƒ¥ã‹ã‚‰ Response ã‚’è¿”ã™å ´åˆã¯ã€ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ I/O ã‚’ã›ãšã«ç”»é¢ã‚’ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã§ãã‚‹ã€‚ ã—ã‹ã—ã€ SW ãŒ onfetch ã‚’ãƒ•ãƒƒã‚¯ã—ã¦ã„ã¦ã‚‚ãªãŠã€å®Ÿéš›ã«ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã«ãƒªã‚¯ã‚¨ã‚¹ãƒˆã‚’æŠ•ã’ã‚‹å ´åˆã¯å°‘ãªããªã„ã€‚ ã“ã®å ´åˆã€ã‚‚ã—ãƒšãƒ¼ã‚¸ã®ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ©ã¨ãªã£ã¦ã„ã‚‹ SW ãŒèµ·å‹•ã—ã¦ã„ãªã„å ´åˆã¯ã€ onfetch ãƒãƒ³ãƒ‰ãƒ©ã‚’å®Ÿè¡Œã™ã‚‹ãŸã‚ã«ã€ SW ã®èµ·å‹•ã‚’å¾…ã¤å¿…è¦ãŒå‡ºã¦ãã‚‹ã€‚ SW ã®èµ·å‹•ã«ã¯ã€ã‚‚ã¡ã‚ã‚“å®Ÿè¡Œç’°å¢ƒã«ã‚ˆã‚‹ã¨ã“ã‚ãŒ
donnie28064212 2017/08/07
service worker

javascript
ãƒªãƒ³ã‚¯
Debugging Service Workers
Google Developers Codelabs provide a guided, tutorial, hands-on coding experience. Most codelabs will step you through the process of building a small application, or adding a new feature to an existing application. They cover a wide range of topics such as Android Wear, Google Compute Engine, ARCore, and Google APIs on iOS. Codelab tools on GitHubnorth_east P4ï¿½>gU
donnie28064212 2017/07/16
pwa

google

service worker
ãƒªãƒ³ã‚¯
FRESH! Web ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹æ”¹å–„ ã€œã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ç·¨ã€œ | CyberAgent Developers Blog
You can read this post in English. ã¿ãªã•ã‚“ã“ã‚“ã«ã¡ã¯ã€FRESH! ã§ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®é–‹ç™ºã—ã¦ã„ã‚‹éˆ´æœ¨(sutiwo)ã§ã™ã€‚ å‰å›žã¯ã€FRESH!ã«ãŠã‘ã‚‹PCãƒ–ãƒ©ã‚¦ã‚¶ã®Flashè„±å´ã¨ã„ã† HLS ã® Web ãƒ—ãƒ¬ã‚¤ãƒ¤ãƒ¼ã«ã¤ã„ã¦è¨˜äº‹ã‚’æ›¸ãã¾ã—ãŸã€‚ ä»Šå›žã¯ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãƒ» PC ã§ã®ãƒ–ãƒ©ã‚¦ã‚¶ã«é–¢ã™ã‚‹ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹æ”¹å–„ã®å–ã‚Šçµ„ã¿ã¨ãã®çµæžœã«ã¤ã„ã¦ãŠçŸ¥ã‚‰ã›ã—ã¾ã™ã€‚ ã¾ãšã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹æ”¹å–„ã‚’è¡Œã†ã«ã‚ãŸã‚Šã€å¼Šç¤¾ã® Web Initiative Center* ã‹ã‚‰ 1000ch æ°ã«åŠ ã‚ã£ã¦ã„ãŸã ãã©ã®ã‚ˆã†ãªã“ã¨ã‚’ç›®æ¨™ã¨ã™ã‚‹ã‹è°è«–ã—ã¾ã—ãŸã€‚ * Web ãƒ—ãƒãƒ€ã‚¯ãƒˆã®å“è³ªå‘ä¸Šã¨WebæŠ€è¡“ã‚’ä½¿ã£ãŸãƒãƒ£ãƒ¬ãƒ³ã‚¸ã‚’ç›®çš„ã«è¨ç«‹ã•ã‚ŒãŸå¼Šç¤¾ã®çµ„ç¹” è°è«–ã®æ§˜å è°è«–ã‚’è¡Œã£ãŸå¾Œã€ä»Šå›žã®æ”¹å–„ã§ä»¥ä¸‹ã®ã“ã¨ã«å–ã‚Šçµ„ã‚€ã“ã¨ãŒæ±ºã¾ã‚Šã¾ã—ãŸã€‚ Service Worker ã§
donnie28064212 2017/04/19
performance

service worker

javascript

debug
ãƒªãƒ³ã‚¯
Service Worker ã§ä½œã‚‹ æœ€æ–°ãƒ¢ãƒã‚¤ãƒ« ã‚¦ã‚§ãƒ– ã‚¨ã‚¯ã‚¹ãƒšãƒªã‚¨ãƒ³ã‚¹ - Google Developers Summit ã¾ã¨ã‚
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
donnie28064212 2016/09/17
google

service worker

mobile
ãƒªãƒ³ã‚¯
ãƒ¢ãƒã‚¤ãƒ«ãƒ¦ãƒ¼ã‚¶ãƒ¼ä½“é¨“ã‚’åŠ‡çš„ã«å‘ä¸Šã•ã›ã‚‹Googleã‚¤ãƒã‚ªã‚·ã®3ã¤ã®æœ€æ–°æŠ€è¡“ â€•â€• App Indexing/Servive Worker/AMP
[ãƒ¬ãƒ™ãƒ«: ä¸ã€œä¸Šç´š] Google for Mobileã¨ã„ã†Googleä¸»å‚¬ã®ã‚¤ãƒ™ãƒ³ãƒˆãŒ12æœˆ9æ—¥ã«ãƒ‘ã‚·ãƒ•ã‚£ã‚³æ¨ªæµœã§é–‹å‚¬ã•ã‚Œã¾ã—ãŸã€‚ ãƒ¢ãƒã‚¤ãƒ«æ¤œç´¢ã«é–¢ã‚ã‚‹ã‚»ãƒƒã‚·ãƒ§ãƒ³ã«å‚åŠ ã—ã¦ããŸã®ã§ã€ã“ã®è¨˜äº‹ã§ãƒ¬ãƒãƒ¼ãƒˆã—ã¾ã™ã€‚ ã‚»ãƒƒã‚·ãƒ§ãƒ³ã‚¹ãƒ”ãƒ¼ã‚«ãƒ¼ã¯ã€å…ˆé€±ã®ã€ŒDuncan ã¨ Eriko ã®ãªã‚“ã§ã‚‚ç›¸è«‡å®¤ â€“ App Indexing ç·¨ â€“ã€ã«ç™»å ´ã—ãŸDuncun Wrightï¼ˆãƒ€ãƒ³ã‚«ãƒ³ãƒ»ãƒ©ã‚¤ãƒˆï¼‰æ°ã§ã™ã€‚ ãƒ€ãƒ³ã‚«ãƒ³ã•ã‚“ã¯ã€ãƒ¢ãƒã‚¤ãƒ«ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®æ¤œç´¢ä½“é¨“ã‚’å‘ä¸Šã•ã›ã‚¨ãƒ³ã‚²ãƒ¼ã‚¸ãƒ¡ãƒ³ãƒˆã‚’é«˜ã‚ã‚‹ãŸã‚ã®æœ€æ–°æŠ€è¡“ã«ã¤ã„ã¦è©±ã—ã¾ã—ãŸã€‚ èƒŒæ™¯ âˆ’ ãªãœæ¤œç´¢ã¨WebãŒé‡è¦ãªã®ã‹ ã‚»ãƒƒã‚·ãƒ§ãƒ³ã®èƒŒæ™¯ã¨ã—ã¦ã€ã‚¢ãƒ—ãƒªã®å°é ãŒç›®ç«‹ã£ã¦ã„ã‚‹ãƒ¢ãƒã‚¤ãƒ«ã®ä¸–ç•Œã§ãªãœæ¤œç´¢ã¨WebãŒé‡è¦ãªã®ã‹ã‚’ãƒ€ãƒ³ã‚«ãƒ³ã•ã‚“ã¯ã¾ãšèª¬æ˜Žã—ã¾ã™ã€‚ èª¿æŸ»ä¼šç¤¾ã‚„Googleå†…éƒ¨ã®ãƒ‡ãƒ¼ã‚¿ã‹ã‚‰æ¬¡ã®ã‚ˆã†ãªäº‹å®ŸãŒæ˜Žã‚‰ã‹ã«ãªã£ã¦ã„ã¾ã™ã€‚ ä¸€èˆ¬ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã¦ã„ã‚‹ã‚¢ãƒ—ãƒªã®
donnie28064212 2015/12/14
google

app indexing

service worker

amp
ãƒªãƒ³ã‚¯
ãŠç–²ã‚Œã•ã¾XMLHttpRequestã€ã“ã‚“ã«ã¡ã¯fetch - Qiita
Service Workersã§ãƒ—ãƒƒã‚·ãƒ¥é€šçŸ¥ã‚’å—ä¿¡ã§ãã‚‹ã‚ˆã†ã«ãªã£ãŸã‚ã‘ã§ã™ãŒ([1]: GCM)([2]: Web Push)ã€Chromeã§ã¯ãƒãƒ¼ã‚¸ãƒ§ãƒ³48ã¾ã§ã¯GCMã§é€šçŸ¥ã ã‘ãŒã§ãã‚‹ã‚ˆã†ã«ãªã£ãŸã ã‘ã§ã€ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸æœ¬ä½“ã¯é€šçŸ¥ã‚’å—ã‘ã¦ã‹ã‚‰Service Workerã§ã‚µãƒ¼ãƒã‹ã‚‰æ”¹ã‚ã¦å—ã‘å–ã‚‹ã‚ˆã†ãªå®Ÿè£…ã‚’ã™ã‚‹å¿…è¦ãŒã‚ã£ãŸã‚Šã—ã¾ã™ã€‚ ã“ã“ã§ã€Service Workersã§ã¯ã€XMLHttpRequestãŒä½¿ãˆã¾ã›ã‚“ã€‚ãã®ä»£ã‚ã‚Šã€XMLHttpRequest (ä»¥ä¸‹ã€XHR)ã«ä»£ã‚ã‚‹WHATWGã®ä»•æ§˜ã¨ã—ã¦Fetch APIãŒã‚ã‚Šã€Service Workersã§ã¯ã“ã®Fetch APIã‚’ä½¿ã†ã“ã¨ã«ãªã£ã¦ã„ã¾ã™ã®ã§ã€ãã®ä½¿ã„æ–¹ã‚’ç°¡å˜ã«ç´¹ä»‹ã—ã¾ã™ã€‚ Fetch APIè‡ªä½“ã¯ã€Service Workerså°‚ç”¨ã®ã‚‚ã®ã§ã¯ãªãã€ãƒ¡ã‚¤ãƒ³ã‚¹ãƒ¬ãƒƒãƒ‰ã§ã‚‚XHRã®ä»£ã‚ã‚Šã«ä½¿ã†ã“ã¨ãŒå¯èƒ½ã§ã™ã€‚ç¾æ™‚ç‚¹ã§å®Ÿè£…ã—
donnie28064212 2015/11/28
fetch

service worker

push notification

ajax
ãƒªãƒ³ã‚¯
Introduction to Service Worker: How to use Service Worker - HTML5 Rocks
Stay organized with collections Save and categorize content based on your preferences. Explore our growing collection of courses on key web design and development subjects. An industry expert has written each course, helped by members of the Chrome team. Follow the modules sequentially, or dip into the topics you most want to learn about.
donnie28064212 2015/10/23
service worker

javascript
ãƒªãƒ³ã‚¯
1