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

yoshiweb id:yoshiweb

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

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

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 ä¸Šã§ã—ã‹å‹•ä½œã—ãªã„ ãƒ©
yoshiweb 2019/02/27
Service Worker

javascript

Qiita
ãƒªãƒ³ã‚¯
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.
yoshiweb 2015/12/01
HTML5

Service Worker
ãƒªãƒ³ã‚¯
Push Notifications on the Open Web Â |Â Blog Â |Â Chrome for Developers
If you ask a room of developers what mobile device features are missing from the web, push notifications are always high on the list. Push notifications allow your users to opt-in to timely updates from sites they love and allow you to effectively re-engage them with customized, engaging content. As of Chrome version 42, the Push API and Notification API are available to developers. The Push API i
yoshiweb 2015/08/31
chrome

push

Service Worker

ãƒ—ãƒƒã‚·ãƒ¥é€šçŸ¥

PushNotification
ãƒªãƒ³ã‚¯
ã‚¦ã‚§ãƒ–ã«ãƒ—ãƒƒã‚·ãƒ¥é€šçŸ¥ã‚’ã‚‚ãŸã‚‰ã™ã‚¦ã‚§ãƒ–ã‚µãƒ¼ãƒ“ã‚¹ã€Œbpushã€ã‚’ä½œã£ãŸ - Qiita
2017å¹´3æœˆ26æ—¥è¿½è¨˜ bpushã¯2å¹´å¼±ã®é‹å–¶ã®å¾Œã€OSSã¨ã—ã¦ç”Ÿã¾ã‚Œå¤‰ã‚ã‚Šã¾ã—ãŸã€‚è©³ã—ãã¯ä¸‹è¨˜ã®è¨˜äº‹ã‚’ã”è¦§ãã ã•ã„ã€‚ å›½å†…åˆã®ã‚¦ã‚§ãƒ–ãƒ—ãƒƒã‚·ãƒ¥ã‚µãƒ¼ãƒ“ã‚¹bpushã®OSSåŒ–ã¨é‹å–¶ã—ã¦å¦ã‚“ã ã“ã¨ã«ã¤ã„ã¦ ##ãƒ–ãƒ©ã‚¦ã‚¶ã ã‘ã§ãƒ—ãƒƒã‚·ãƒ¥é€šçŸ¥ãŒã§ãã‚‹ã‚ˆã†ã«ãªã£ãŸ Chromeã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³42ã‹ã‚‰ãƒ—ãƒƒã‚·ãƒ¥é€šçŸ¥ãŒå¯èƒ½ã«ãªã£ãŸã¨ã„ã†è¨˜äº‹ã¯èªã¾ã‚Œã¾ã—ãŸã§ã—ã‚‡ã†ã‹ï¼Ÿ ã€ŒGoogle Chrome 42ã€å®‰å®šç‰ˆãƒªãƒªãƒ¼ã‚¹ã€€ãƒ—ãƒƒã‚·ãƒ¥é€šçŸ¥æ©Ÿèƒ½è¿½åŠ ã¨45ä»¶ã®è„†å¼±æ€§å¯¾ Chrome 42ã‹ã‚‰ã€Service Workerã¨ã„ã†æ–°ã—ã„ä»•çµ„ã¿ã«ã‚ˆã£ã¦ã€ãƒ–ãƒ©ã‚¦ã‚¶ã‚’é–‰ã˜ã¦ã„ã¦ã‚‚ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®ãƒ—ãƒƒã‚·ãƒ¥é€šçŸ¥ã®ã‚ˆã†ã«ã‚µãƒ¼ãƒ“ã‚¹å´ã‹ã‚‰ãŠçŸ¥ã‚‰ã›ã‚’å±Šã‘ã‚‹ã“ã¨ãŒã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ã“ã®æ©Ÿèƒ½ã¯ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ç‰ˆã¨Androidç‰ˆã®Chromeã«å°Žå…¥ã•ã‚Œã¦ã„ã¾ã™ã€‚é€šçŸ¥ã®ä»•çµ„ã¿ã«Google Cloud Messaging(GCM)ã‚’ä½¿ã£ã¦ã„ã‚‹
yoshiweb 2015/08/31
chrome

push

Service Worker

ãƒ—ãƒƒã‚·ãƒ¥é€šçŸ¥
ãƒªãƒ³ã‚¯
1