[B! PWA] shukaido170ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

shukaido170 id:shukaido170

PWAã«é–¢ã™ã‚‹shukaido170ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (15)

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

Windows 10 1803ã®æ–°æ©Ÿèƒ½ã€ŒPWAã€ã¨ã¯ï¼Ÿã€€PWAã®UWPã‚¢ãƒ—ãƒªåŒ–ã‚’è©¦ã—ã¦ã¿ã‚‹
â€»é©ç”¨ãƒãƒ¼ã‚¸ãƒ§ãƒ³ï¼šWindows 10 version 1803ï¼ˆbuild 17134ï¼‰ä»¥é™ ã¯ã˜ã‚ã« PWAã¯ã€GoogleãŒæå”±ã—ã€Microsoftã‚‚ãƒ—ãƒƒã‚·ãƒ¥ã—ã¦ã„ã¾ã™ã€‚å…ˆæ—¥é–‹å‚¬ã•ã‚ŒãŸBuild 2018ã§ã€ŒProgressive Web Appsã€ã¾ãŸã¯ã€ŒPWAã€ã®ã‚¿ã‚°ãŒä»˜ã‘ã‚‰ã‚ŒãŸã‚»ãƒƒã‚·ãƒ§ãƒ³ã¯10ä»¶ã‚‚ã‚ã‚Šã¾ã—ãŸï¼ˆã¡ãªã¿ã«ã€å‰å›žãƒ»å‰ã€…å›žã§ç´¹ä»‹ã—ãŸã€Œtimelineã€ã‚’æ¤œç´¢ã™ã‚‹ã¨2ä»¶ã—ã‹ã‚ã‚Šã¾ã›ã‚“ï¼‰ã€‚ Googleã‚‚Microsoftã‚‚æŽ¨ã™PWAã§ã™ãŒã€ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã‚¢ãƒ—ãƒªã‚„ã‚¹ãƒžãƒ›ã‚¢ãƒ—ãƒªã®é–‹ç™ºè€…ã«ã¨ã£ã¦ã¯è€³æ…£ã‚Œãªã„è¨€è‘‰ã ã¨æ€ã„ã¾ã™ã€‚Twitterã‚¢ãƒ—ãƒªãŒPWAåŒ–ã—ãŸã¨ã„ã†æœ€è¿‘ã®ãƒ‹ãƒ¥ãƒ¼ã‚¹ã§çŸ¥ã£ãŸäººã‚‚å¤šã„ã®ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ã€‚ãã—ã¦ã€Mirosoftã®Webã‚µã‚¤ãƒˆã€Œé–‹ç™ºè€…å‘ã‘ã®æœ€æ–°ã® Windows 10 æ©Ÿèƒ½ã€ã§PWAã®è§£èª¬ã‚’èªã‚“ã§ã¿ã¦ã‚‚ï¼ˆæ¬¡ã®ç”»åƒï¼‰ã€ã¡ã‚‡ã£ã¨ãƒ”ãƒ³ã¨æ¥ãªã„ã ã‚ã†ã¨æ€ã„ã¾ã™
shukaido170 2018/06/28
PWA

Visual Studio
ãƒªãƒ³ã‚¯
ãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ—ãƒªã®æ™‚ä»£ãŒçµ‚ã‚ã‚‹ï¼Ÿ AppleãŒã€ŒPWAã€å¯¾å¿œã‚’æ±ºã‚ãŸã‚ã‘
2018å¹´ã®2æœˆã«å…¥ã£ã¦ã€PWAï¼ˆProgressive Web Appsï¼‰ã«ã¤ã„ã¦ã„ãã¤ã‹å¤§ããªå‹•ããŒã‚ã‚Šã¾ã—ãŸã€‚PWAã¯ã€HTML5ã®é™ç•Œã‚’çªç ´ã™ã‚‹ãŸã‚ã«GoogleãŒæŽ¨é€²ã—ã¦ã„ã‚‹ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆï¼ˆãƒ–ãƒ©ã‚¦ã‚¶ï¼‰å´ã®é«˜æ©Ÿèƒ½åŒ–æŠ€è¡“ã§ã€Webã‚¢ãƒ—ãƒªã«ãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ—ãƒªä¸¦ã®æ“ä½œæ€§ã‚„è¡¨ç¾åŠ›ã‚’æŒãŸã›ã‚ˆã†ã¨ã™ã‚‹ã‚‚ã®ã§ã™ã€‚ ä»¥å‰ã€PWAã«ã¤ã„ã¦æ›¸ã„ãŸè¨˜äº‹ã®ä¸ã§ã€ Appleã«ã¯Appleã®äº‹æƒ…ãŒã‚ã‚Šã€ã€Œã¯ã„ãã†ã§ã™ã‹ã€ã¨ã¯ã„ã‹ãªã„éƒ¨åˆ†ã‚‚ã‚ã‚‹ ã¨æ›¸ãã¾ã—ãŸãŒã€ã©ã†ã‚„ã‚‰Appleã¯macOSã¨iOSã®ã€ŒSafariã€ã§PWAã‚’ã‚µãƒãƒ¼ãƒˆã™ã‚‹æ–¹å‘ã«ãªã£ãŸã‚ˆã†ã§ã™ã€‚ Appleã‚‚iOS/macOSã‚’Progressive Web Appsï¼ˆPWAï¼‰å¯¾å¿œã¸ã€‚æ¬¡ã®Safari 11.1ã§Service Workerãªã©å®Ÿè£… Microsoftã¯ã€ãã®å‰ã®é€±ã«PWAã‚’ã€ŒWindows 10ã€ã§â€œãƒã‚¤ãƒ†ã‚£ãƒ–ã«â€æŽ¡ç”¨ã™ã‚‹ã“ã¨ã‚’ç™º
shukaido170 2018/04/24
PWA
ãƒªãƒ³ã‚¯
çµå±€ PWA ã¯æ¥ã‚‹ã®ï¼Ÿæ¥ãªã„ã®ï¼Ÿ
æ˜¨æ—¥ Twitter ã§ã“ã‚“ãªè¨˜äº‹ã‚’ç™ºè¦‹ã—ã¾ã—ãŸã€‚ PWA ãŒæ¥ã‚‹ã£ã¦è¨€ã£ã¦ã„ã‚‹ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¯ä»Šã™ãè¾žã‚ã‚ ã€Œinstagram ã® PWA ãŒæœ€é«˜ã€œï¼ãƒã‚¤ãƒ†ã‚£ãƒ–ã¨è¦‹åˆ†ã‘ã¤ã‹ãªã„ï¼ï¼ã¨ã‹ã»ã–ã„ã¦ã„ã‚‹ã‚°ãƒ¼â—‹ãƒ«ã®ã‚¨ãƒãƒ³ã‚¸ã‚§ãƒªã‚¹ãƒˆã ã‹ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒé¨’ã„ã§ã„ãŸã®ã§è§¦ã£ã¦ã¿ãŸã®ã ãŒã€ã‚ªãƒ¯ã‚³ãƒ³ã§ã‚ã£ãŸã€‚ã€ ã‚‚ã—ã‹ã—ã¦ã“ã‚Œã®ã“ã¨ã‹ãªï¼Ÿ Instagram PWA is sooooooo impressive. I probably won't be able to distinguish it with its native app. Instagramã®PWAãŒã€ãƒ‡ã‚ãŒè‰¯ã™ãŽã¦æ„Ÿå‹•ã—ã¦ã‚‹ã€‚ãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ—ãƒªã¨è¦‹åˆ†ã‘ã‚‰ã‚Œã‚‹è‡ªä¿¡ãªã„ã€‚ pic.twitter.com/DS8TfceBZ6 â€” Eiji Kitamura / ãˆãƒ¼ã˜ (@agektmr) 2018å¹´1æœˆ26æ—¥ ç¢ºã‹ã«ã€ã“ã®è¨€ã„æ–¹ã¯è‹¥å¹²ç…½ã‚Šæ°—å‘³ã®ã¨
shukaido170 2018/03/26
PWA
ãƒªãƒ³ã‚¯
WEB PUSHã‚’ASP.NETã¨ã‹ä½¿ã£ã¦C#ã§ã‚„ã£ã¦ã¿ã‚‹ - ãƒ—ãƒã‚°ãƒ©ãƒ ã®äº‹ã¨ã‹
Edgeã‚‚Previewç‰ˆã§ã¯å¯¾å¿œã—ã¦ã„ã‚‹ã‚‰ã—ã„ã—ãƒãƒ¼ãƒ‰ãƒ«ã‚‚å½“åˆã«æ¯”ã¹ã‚‹ã¨ä¸‹ãŒã£ã¦ã„ã‚‹ã‚‰ã—ã„ã®ã§è©¦ã—ã¦ã¿ã¾ã—ãŸ WEB PUSHã®è©³ã—ã„ã‚ã‚Œã“ã‚Œã¯ã‚°ã‚°ã£ã¦ãã ã•ã„ã€ç§ã¯ã‚ˆãã‚ã‹ã£ã¦ã¾ã›ã‚“ã®ã§ ä»Šå›žã®è¨˜äº‹ã§å‡ºæ¥ä¸ŠãŒã£ãŸã‚‚ã®ã¯ã“ã¡ã‚‰ã«ä¸Šã’ã¦ã‚ã‚Šã¾ã™ github.com ç°¡å˜ãªå‹•ã ã‚µãƒ¼ãƒãƒ¼å´ã§å…¬é–‹éµã¨ç§˜å¯†éµã‚’æº–å‚™ã™ã‚‹ ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆå´ã§é€šçŸ¥å…ˆã®URLã¨ã‹ä½œã‚‹ é€šçŸ¥ã—ãŸã„äººãŒä¸Šã®æƒ…å ±ã‚’ä½¿ã£ã¦é€šçŸ¥ã™ã‚‹ ã£ã¦æ„Ÿã˜ã‚‰ã—ã„ã§ã™ éµã®ä½œã‚Šæ–¹ã¨ã‹ã‚ˆãã‚ã‹ã£ã¦ãªã„ã®ã§å‰ã„äººã®ä½œã£ã¦ãã‚ŒãŸãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ã¤ã‹ã„ã¾ã—ã‚‡ã† ä½œã£ã¦ã¿ã‚‹ Webã‚µãƒ¼ãƒãƒ¼ ã¾ãšã¯åŸºæœ¬ã¨ãªã‚‹Webãƒšãƒ¼ã‚¸ã‚’ASP.NET MVC5ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆä½¿ã£ã¦æº–å‚™ã—ã¦ Install-Package WebPush ãã®ã¾ã¾ãªã‚„ã¤ãŒNuGetã«ã‚ã‚‹ã®ã§å…¥ã‚Œã¾ã—ã‚‡ã†ã€ã“ã‚ŒãŒé¢å€’ãªã¨ã“ã‚ã‚’ã¿ã‚“ãªã‚„ã£ã¦ãã‚Œã¾ã™ã€‚ã‚‰ãã¡ã‚“ã¡ã‚“ã¡ã‚“ã§ã™ã ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆè¡¨ç¤ºæ™‚ã«å…¬é–‹
shukaido170 2018/03/13
PWA

C#
ãƒªãƒ³ã‚¯
æ–°ã—ã„ã‚¢ãƒ—ãƒªã®å½¢ã«ãªã‚‹ã‹â€•â€•Microsoftã€ã€Œãƒ—ãƒã‚°ãƒ¬ãƒƒã‚·ãƒ–Webã‚¢ãƒ—ãƒªã€ã«é–¢ã™ã‚‹å–ã‚Šçµ„ã¿ãŒå‰é€²
æ–°ã—ã„ã‚¢ãƒ—ãƒªã®å½¢ã«ãªã‚‹ã‹â€•â€•Microsoftã€ã€Œãƒ—ãƒã‚°ãƒ¬ãƒƒã‚·ãƒ–Webã‚¢ãƒ—ãƒªã€ã«é–¢ã™ã‚‹å–ã‚Šçµ„ã¿ãŒå‰é€²ï¼šã€ŒWebã®å°†æ¥ã®éµã‚’æ¡ã‚‹ã€æŠ€è¡“ã‚’æŽ¨é€² Microsoftã¯ã€ã€ŒMicrosoft Edgeã€ãƒ–ãƒ©ã‚¦ã‚¶ã®ãƒ—ãƒ¬ãƒ“ãƒ¥ãƒ¼ç‰ˆã§ã€Œãƒ—ãƒã‚°ãƒ¬ãƒƒã‚·ãƒ–Webã‚¢ãƒ—ãƒªã€ï¼ˆPWAï¼‰ã®åŸºç›¤æŠ€è¡“ã®ä¸€éƒ¨ã‚’ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§æœ‰åŠ¹ã«ã—ãŸä»–ã€Microsoft Storeã§ã®PWAã®æä¾›ã«å‘ã‘ãŸãƒãƒ¼ãƒ‰ãƒžãƒƒãƒ—ã‚’æ‰“ã¡å‡ºã—ãŸã€‚ Microsoftã¯2018å¹´2æœˆ6æ—¥ï¼ˆç±³å›½æ™‚é–“ï¼‰ã€ã€Œãƒ—ãƒã‚°ãƒ¬ãƒƒã‚·ãƒ–Webã‚¢ãƒ—ãƒªã€ï¼ˆPWAï¼‰ã«é–¢ã™ã‚‹ãƒ—ãƒ¬ãƒ“ãƒ¥ãƒ¼æ®µéšŽã®æŠ€è¡“ã®ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã¨ã€Microsoft Storeã§ã®PWAã®æä¾›ã«å‘ã‘ãŸãƒãƒ¼ãƒ‰ãƒžãƒƒãƒ—ã‚’ç™ºè¡¨ã—ãŸã€‚ã€ŒPWAã«é–¢ã™ã‚‹ãƒ“ã‚¸ãƒ§ãƒ³ã®å®Ÿç¾ã¸ã®å¤§ããªä¸€æ©ã ã€ã¨ã—ã¦ã„ã‚‹ã€‚ Microsoftã¯PWAãŒã€ã€ŒWebã®å°†æ¥ã®éµã‚’æ¡ã‚‹ã€ã¨è€ƒãˆã¦ã„ã‚‹ã€‚åŒç¤¾ã®PWAã®å®šç¾©ã¯ã€ã€Œãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ—ãƒªã®ã‚ˆã†ã«æŒ¯ã‚‹èˆžã†Webã‚µã‚¤ãƒˆ
shukaido170 2018/03/12
Microsoft

PWA
ãƒªãƒ³ã‚¯
Firebase Cloud Messaging ã® Web Push ã‚’è©¦ã—ã¦ã¿ãŸ
åºƒå‘Šã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºéƒ¨ã®ä½è—¤ç¦Žç« ã§ã™ã€‚ ä»Šå›žã¯ã€Firebaseã‚µãƒ¼ãƒ“ã‚¹ã®ä¸€ã¤ã§ã‚ã‚‹ Cloud Messaging ã‚’ä½¿ç”¨ã—ã¦ã€ãƒ–ãƒ©ã‚¦ã‚¶ã¸ Push é€šçŸ¥ã‚’é€ã‚‹ä»•çµ„ã¿ã‚’æƒãˆã¦ã¿ã¾ã—ãŸã€‚ è©¦ã—ã‚„ã™ãå˜ç´”ãªä»•çµ„ã¿ã«å‡ºæ¥ã‚‹ã®ã§ã€ node ã‚’ä½¿ç”¨ã—ã¦å…¨éƒ¨ JavaScript ã§æ›¸ã„ã¦ã‚ã‚Šã¾ã™ã€‚ node : v4.6.0 npm : 2.15.9 ä»Šå›žä½œæˆã™ã‚‹ã‚‚ã®ã®å…¨ä½“ã¯ã€ä¸‹è¨˜ Github ãƒªãƒã‚¸ãƒˆãƒªã«æŠ•å…¥ã—ã¦ã‚ã‚Šã¾ã™ã€‚ ã“ã‚Œã‚’ãã®ã¾ã¾ clone ã—ã¦ã€API Key ãªã©ã®è¨å®šã‚’æŠ•å…¥ã™ã‚Œã°ã€ãã®ã¾ã¾ä½¿ãˆã¾ã™ã€‚ https://github.com/medi-y-sato/fcm-test-node å‰æçŸ¥è˜ : Service Worker ã¨ã¯ä»Šå›žã® Push é€å—ä¿¡ã«ã¯ Service Worker ã¨ã„ã†ã‚‚ã®ã‚’ä½¿ç”¨ã—ã¾ã™ã€‚ ã“ã‚Œã¯ä½•ã‹ã¨ã–ã£ãã‚Šè¨€ã†ã¨ã€ Webãƒšãƒ¼ã‚¸ã¨ã¯åˆ¥ã«ãƒãƒƒã‚¯ã‚°ãƒ©
shukaido170 2018/03/05
PWA

web push
ãƒªãƒ³ã‚¯
Chromeã§W3C Push APIã‚’ä½¿ã£ã¦ã¿ãŸ - Qiita
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Push API sample</title> <link rel="manifest" href="manifest.json"> </head> <body> <button id="register">ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«</button> <button id="push" disabled>ãƒ—ãƒƒã‚·ãƒ¥é€šçŸ¥ã‚’æœ‰åŠ¹ã«ã™ã‚‹</button> </body> </html> window.addEventListener('load', function() { document.getElementById('register').addEventListener('click', register, false); document.getElementById('push'
shukaido170 2018/03/05
PWA

web push
ãƒªãƒ³ã‚¯
è¶…è©³è§£ï¼Service Worker Deep Dive â”€â”€ HTML5 Conference 2016ã‚»ãƒƒã‚·ãƒ§ãƒ³ãƒ¬ãƒãƒ¼ãƒˆ
è¶…è©³è§£ï¼Service Worker Deep Dive â”€â”€ HTML5 Conference 2016ã‚»ãƒƒã‚·ãƒ§ãƒ³ãƒ¬ãƒãƒ¼ãƒˆ ä¿å‘‚æ¯… ã¯ã˜ã‚ã¾ã—ã¦ã€‚Googleã§Chromeã®é–‹ç™ºã‚’ã—ã¦ã„ã‚‹ä¿å‘‚æ¯…ã§ã™ã€‚ Chromeã®ä¸ã§ã¯ç‰¹ã«Service Workerå‘¨ã‚Šã‚’æ‹…å½“ã—ã¦ã¾ã—ã¦ã€æœ€è¿‘ã¯Navigation Preloadã¨ã„ã†æ–°æ©Ÿèƒ½ã‚’ãŒã‚“ã°ã£ã¦å®Ÿè£…ã—ã¦ã„ã¾ã™ã€‚ å…ˆæ—¥é–‹å‚¬ã•ã‚ŒãŸHTML5 Conference 2016ã§Service Workerå‘¨è¾ºã®æœ€è¿‘ï¼ˆã“ã“1å¹´ãã‚‰ã„ï¼‰ã®å‹•å‘ã«é–¢ã™ã‚‹ç™ºè¡¨ã‚’ã•ã›ã¦ã„ãŸã ã„ãã¾ã—ãŸã€‚ ä»Šå›žã¯ã€ã“ã®ç™ºè¡¨ã®å†…å®¹ã‚’æŒ¯ã‚Šè¿”ã‚ŠãŸã„ã¨æ€ã„ã¾ã™ã€‚ Service Workerã¨ã¯ ã¾ãšæœ¬é¡Œã«å…¥ã‚‹å‰ã«ç°¡å˜ã«Service Workerã®èª¬æ˜Žã—ã¾ã™ã€‚ Service Workerã¨ã¯ã©ã†ã„ã†ã‚‚ã®ã‹ã¨è¨€ã„ã¾ã™ã¨ã€ ä¸‹ã®ã‚³ãƒ¼ãƒ‰ã®ã‚ˆã†ã«navigator.serviceWorker
shukaido170 2018/03/02
PWA

Google
ãƒªãƒ³ã‚¯
webãƒ–ãƒ©ã‚¦ã‚¶ã«Pushé€šçŸ¥é€ã‚‹ã‚µãƒ¼ãƒã¨jsã®ã‚µãƒ³ãƒ—ãƒ« - DRYãªå‚™å¿˜éŒ²
ã“ã®ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã¯ ä»¥ä¸‹ã®ï¼’ã¤ã®ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã‚’ã‚ˆã‚Šãƒ—ãƒªãƒŸãƒ†ã‚£ãƒ–ã«ç†è§£ã™ã‚‹ãŸã‚ã®DRYãªå‚™å¿˜éŒ²ã§ã™ã€‚ Adding Push Notifications to a Web App Â |Â Web Â |Â Google Developers The Web Push Protocol Â |Â Web Â |Â Google Developers èƒŒæ™¯ ã‹ã¤ã¦ ã‚µãƒ¼ãƒã‹ã‚‰ãƒ–ãƒ©ã‚¦ã‚¶ã«ãƒ—ãƒƒã‚·ãƒ¥é€šçŸ¥ã‚’é€ã‚ŠãŸã„ï¼ˆéžWebSocketã€éžãƒãƒ³ã‚°ãƒãƒ¼ãƒªãƒ³ã‚°ï¼‰ - DRYãªå‚™å¿˜éŒ²ã€€ã“ã‚Œæ›¸ã„ãŸã‘ã©ã€æ”¹ã‚ã¦Progressive Web Appã®ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆè¡Œã£ãŸã‚‰ã‚¢ãƒ›ã¿ãŸã„ã«åˆ†ã‹ã‚Šã¥ã‚‰ããªã£ã¦ã¦ä¸æ¡ç†ã‚’æ„Ÿã˜ãŸã®ã§æ›¸ãã¾ã™ã€‚ ã‚µãƒ¼ãƒã‹ã‚‰Pushé€šçŸ¥ãŒãƒ–ãƒ©ã‚¦ã‚¶ã«å¯¾ã—ã¦é€ã‚Œã¦ã€ãƒ–ãƒ©ã‚¦ã‚¶ã®jsãŒé–‰ã˜ã¦ã¦ã‚‚ServiceWorkerãŒç”Ÿãã¦ã‚‹ã‹ã‚‰NotificationãŒå‡ºã‚‹ã€ã£ã¦ã„ã†ã‚„ã¤ã§ã™ã€‚æœ€è¿‘ã ã¨ã‚¦ã‚§ãƒ–ã®Gmailã¨
shukaido170 2018/03/01
PWA
ãƒªãƒ³ã‚¯
Web Push ã«ã‚ˆã‚‹ãƒ–ãƒ©ã‚¦ã‚¶ãƒ—ãƒƒã‚·ãƒ¥é€šçŸ¥ | ã‚¨ã‚ã‚µã‚¤ãƒˆå…¬å¼ã€€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãƒ–ãƒã‚°
ã“ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã¯ã€ã‚¨ã‚ã‚µã‚¤ãƒˆ Advent Calendar 2016 ã® 12/01 ã®è¨˜äº‹ã§ã™ã€‚ ã‚¨ã‚ã‚µã‚¤ãƒˆã¨ã—ã¦ã¯åˆã®Advent Calendarå‚æˆ¦ã§ã™ã€‚ Advent Calendar ã«ã¤ã„ã¦ã¯ Wikipedia ãŒè©³ã—ã„ã§ã™ãŒ ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ç•Œéšˆã§ã¯ ã‚¯ãƒªã‚¹ãƒžã‚¹ã¾ã§æŠ€è¡“ç‰ã®æŠ•ç¨¿ã‚’ãƒªãƒ¬ãƒ¼ã§å…¬é–‹ã—ã¦ã„ãä¼ç”»ã¨ã—ã¦ æ¯Žå¹´å¤šãã®äººã®æŠ•ç¨¿ã§ç››ã‚Šä¸ŠãŒã£ã¦ã„ã¾ã™ï¼ ãœã²ã™ã¹ã¦ã®æŠ•ç¨¿ã‚’ã‚¦ã‚©ãƒƒãƒã—ã¦ãã ã•ã„ï¼ ã‚¢ãƒ—ãƒªã§ãŠæ˜¼ãªã© å®šæœŸçš„ ã‚ã‚‹ã„ã¯ å³æ™‚çš„ ã«ãƒ—ãƒƒã‚·ãƒ¥é€šçŸ¥ã§æƒ…å ±ã‚’é€ã‚‹ã“ã¨ã¯ä¸€èˆ¬çš„ã§ã™ãŒã€ è¿‘é ƒã¯å„ç¨®ãƒ–ãƒ©ã‚¦ã‚¶ã®å¯¾å¿œã«ä¼´ã„ã€Web ã§ã‚‚ãƒ—ãƒƒã‚·ãƒ¥é€šçŸ¥ã‚’ä½¿ã£ã¦æ–°ç€æƒ…å ±ã‚’å±Šã‘ã‚‹ã‚µãƒ¼ãƒ“ã‚¹ãŒå‡ºã¦ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ ã“ã® Web ã§ã®ãƒ—ãƒƒã‚·ãƒ¥é€šçŸ¥ã®æŠ€è¡“å…¨ä½“ã‚’ç§°ã—ã¦ Web Push ã¨å‘¼ã°ã‚Œã¦ã„ã¾ã™ã€‚ Web Push ã¯ ServiceWorker (Notifcations API + P
shukaido170 2018/03/01
PWA
ãƒªãƒ³ã‚¯
FRESH! ã«ãŠã‘ã‚‹ Web ãƒ—ãƒƒã‚·ãƒ¥é€šçŸ¥æ©Ÿèƒ½ ã€œå®Ÿè£…ç·¨ã€œ | CyberAgent Developers Blog
ã¯ã˜ã‚ã¾ã—ã¦ã€‚FRESH! ã§ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®é–‹ç™ºã‚’ã—ã¦ã„ã‚‹æ± ç”° (ã“ã‚Šã‚‰) ã§ã™ã€‚ ã“ã®è¨˜äº‹ã§ã¯ã€Web Push ã®å®Ÿè£…æ¦‚è¦ã‚„ FRESH! ã«ãŠã‘ã‚‹ Web ãƒ—ãƒƒã‚·ãƒ¥é€šçŸ¥æ©Ÿèƒ½ ã€œæ©Ÿèƒ½è¨è¨ˆç·¨ã€œ ã‚’ã‚‚ã¨ã«ã€å®Ÿéš›ã« FRESH! ã§ã©ã®ã‚ˆã†ã« Web Push é€šçŸ¥æ©Ÿèƒ½ã‚’å®Ÿè£…ã—ãŸã®ã‹ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã‚¢ã‚¸ã‚§ãƒ³ãƒ€ Web Push ã®å®Ÿè£…æ¦‚è¦ Web Notifications API Web Push API Firebase Cloud Messaging (FCM) Service Worker push ã‚¤ãƒ™ãƒ³ãƒˆ notificationclick ã‚¤ãƒ™ãƒ³ãƒˆ FRESH! ã«ãŠã‘ã‚‹ Web ãƒ—ãƒƒã‚·ãƒ¥é€šçŸ¥ã®å®Ÿè£… FCM ã«é–¢é€£ã™ã‚‹å‡¦ç†ã‚’ãƒ¦ãƒ¼ãƒ†ã‚£ãƒªãƒ†ã‚£åŒ– é€šçŸ¥ã«é–¢ã™ã‚‹å®Ÿè£… ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã®å®Ÿè£… ãƒãƒ£ãƒ³ãƒãƒ«ãƒšãƒ¼ã‚¸ãƒ»ç™»éŒ²æƒ…å ±ã®ç®¡ç†ãƒšãƒ¼ã‚¸ã®å®Ÿè£… å„ãƒ–ãƒ©ã‚¦ã‚¶ã®å€‹åˆ¥å¯¾å¿œ Chrome (59) Fi
shukaido170 2018/03/01
PWA
ãƒªãƒ³ã‚¯
Web Push é€šçŸ¥ã‚’å®Ÿè£…ã—ã¦ã¿ãŸ â€“ rilakkuma3xjapan's blog
tag ã¯ç”»é¢ä¸Šã«è¡¨ç¤ºã•ã‚Œã‚‹ã‚‚ã®ã§ã¯ãªã„ã®ã§, ä½¿ã„æ–¹ãŒã‚ã‹ã‚Šã«ãã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒ, ã“ã‚Œã¯ä¸»ã«, ã™ã§ã«è¡¨ç¤ºã•ã‚Œã¦ã„ã‚‹é€šçŸ¥ã‚’ç½®ãæ›ãˆã‚‹ãŸã‚ã«ä½¿ã„ã¾ã™. é€šå¸¸, 1ä»¶ä»¥ä¸Šã®é€šçŸ¥ãŒè¡¨ç¤ºã•ã‚Œã¦ã„ã‚‹çŠ¶æ…‹ã§ã•ã‚‰ã«é€šçŸ¥ã‚’ç”Ÿæˆã™ã‚‹ã¨, æ—¢å˜ã®é€šçŸ¥ã¨ã¯åˆ¥ã«æ–°ãŸãªé€šçŸ¥ãŒè¡¨ç¤ºã•ã‚Œã¾ã™. ã—ã‹ã—, tag ã®å€¤ãŒæ—¢çŸ¥ã®é€šçŸ¥ã¨ä¸€è‡´ã™ã‚‹å ´åˆã¯, æ–°ã—ã„é€šçŸ¥ãŒåˆ¥ã«è¡¨ç¤ºã•ã‚Œã‚‹ã®ã§ã¯ãªã, å½“è©²é€šçŸ¥ã®ä¸èº«ãŒæ–°ã—ã„ã‚‚ã®ã§ç½®ãæ›ãˆã‚‰ã‚Œã¾ã™. tag ã‚ªãƒ—ã‚·ãƒ§ãƒ³ã‚’ã†ã¾ãæ´»ç”¨ã™ã‚‹ã“ã¨ã§, é€šçŸ¥ã¾ã¿ã‚Œã«ãªã‚‹ã®ã‚’é˜²æ¢ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™. ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—é€šçŸ¥ã‚’ã‚¯ãƒªãƒƒã‚¯ã—ãŸã¨ãã«ä½•ã‚‰ã‹ã®å‡¦ç†ã‚’å®Ÿè¡Œã™ã‚‹ã«ã¯, Notification ã‚¤ãƒ³ã‚¹ã‚¿ãƒ³ã‚¹ã«å¯¾ã—ã¦, ã‚¤ãƒ™ãƒ³ãƒˆãƒªã‚¹ãƒŠãƒ¼ã‚’è¨å®šã—ã¾ã™. notification.addEventListener('click', (event) => { console.dir(event
shukaido170 2018/02/28
PWA
ãƒªãƒ³ã‚¯
Introduction to Service Worker: How to use Service Worker - HTML5 Rocks
Service Worker ã¯éžå¸¸ã«æœ‰ç”¨ã§ã™ãŒ ä½¿ã„å§‹ã‚ãŸã°ã‹ã‚Šã§ã¯ä½¿ã„ã“ãªã›ã¾ã›ã‚“Workbox ã«ã‚ˆã‚Šã€Service Worker ãŒä½¿ã„ã‚„ã™ããªã‚Šã¾ã™ã€‚ãŸã ã—ã€Service Worker ã¯é›£ã—ã„å•é¡Œã‚’è§£æ±ºã—ã¾ã™ã€‚ãã®ãŸã‚ã€ãã®ãƒ†ã‚¯ãƒŽãƒã‚¸ãƒ¼ã‚’æŠ½è±¡åŒ–ã™ã‚‹ã®ã¯ã€ç†è§£ã—ã¦ã„ãªã„ã¨é›£ã—ã„ä½œæ¥ã«ãªã‚Šã¾ã™ã€‚ãã®ãŸã‚ã€æœ€åˆã®æ•°æžšã®ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã§ã¯ã€Workbox ã®è©³ç´°ã«å…¥ã‚‹å‰ã«ã€ãã®åŸºç›¤ã¨ãªã‚‹ãƒ†ã‚¯ãƒŽãƒã‚¸ãƒ¼ã«ã¤ã„ã¦èª¬æ˜Žã—ã¾ã™ã€‚ å®Ÿè¡Œä¸ã® Service Worker ã®ãƒªã‚¹ãƒˆã‚’è¡¨ç¤ºã™ã‚‹ã«ã¯ã€ã‚¢ãƒ‰ãƒ¬ã‚¹ãƒãƒ¼ã«ã€Œchrome://serviceworker-internals/ã€ã¨å…¥åŠ›ã—ã¾ã™ã€‚ Service Worker ã«ã¯ä½•ã®æ©Ÿèƒ½ãŒã‚ã‚Šã¾ã™ã‹ã€‚ Service Worker ã¯ã€ã‚¦ã‚§ãƒ–ãƒ–ãƒ©ã‚¦ã‚¶ã¨ã‚¦ã‚§ãƒ–ã‚µãƒ¼ãƒãƒ¼é–“ã®ãƒ—ãƒã‚ã‚·ã¨ã—ã¦æ©Ÿèƒ½ã™ã‚‹ç‰¹æ®Šãª JavaScript ã‚¢ã‚»ãƒƒãƒˆã§ã™ã€‚ã‚ªãƒ•ãƒ©ã‚¤ãƒ³ ã‚¢
shukaido170 2018/02/26
PWA
ãƒªãƒ³ã‚¯
è„±ãƒã‚¤ãƒ†ã‚£ãƒ–ï¼GoogleãŒæŽ¨é€²ã™ã‚‹ã€ŒPWAã€ã«ãŸã£ãŸæ•°æ™‚é–“ã§å¯¾å¿œã™ã‚‹æ–¹æ³•
GoogleãŒæ˜¨å¹´ç™ºè¡¨ã—ãŸã€Webã‚¢ãƒ—ãƒªã‚’ãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ—ãƒªã®ã‚ˆã†ã«ä½¿ãˆã‚‹ã‚ˆã†ã«ã™ã‚‹ã—ãã¿ã€ŒPWAï¼ˆProgressive Web Appsï¼‰ã€ãŒè©±é¡Œã§ã™ã€‚æ—¢å˜ã‚µã‚¤ãƒˆã‚’PWAåŒ–ã™ã‚‹æ–¹æ³•ã‚’ã‚µãƒ³ãƒ—ãƒ«ã‚³ãƒ¼ãƒ‰ã‚’ã‚‚ã¨ã«è§£èª¬ã—ã¾ã™ã€‚ ã“ã“æœ€è¿‘ã¯ãƒ—ãƒã‚°ãƒ¬ãƒƒã‚·ãƒ–Webã‚¢ãƒ—ãƒªï¼ˆProgressive Web Appsã€PWAï¼‰ã®è©±é¡Œã‚’ã‚ˆãè€³ã«ã™ã‚‹ã¨ã¨ã‚‚ã«ã€ã“ã‚ŒãŒæœªæ¥ã®Webãªã®ã‹ã©ã†ã‹ãŒè°è«–ã®çš„ã«ãªã£ã¦ã„ã¾ã™ã€‚ãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ—ãƒª vs PWAè«–äº‰ã«åŠ ã‚ã‚‹ã¤ã‚‚ã‚Šã¯ã‚ã‚Šã¾ã›ã‚“ãŒã€PWAãŒãƒ¢ãƒã‚¤ãƒ«ãƒ‡ãƒã‚¤ã‚¹å¯¾å¿œã‚’å¼·åŒ–ã—ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¨ã‚¯ã‚¹ãƒšãƒªã‚¨ãƒ³ã‚¹ã‚’å‘ä¸Šã™ã‚‹ã“ã¨ã ã‘ã¯ç¢ºã‹ã§ã™ã€‚2018å¹´ã¾ã§ã«ã¯ãƒ¢ãƒã‚¤ãƒ«ã‹ã‚‰ã®ã‚¢ã‚¯ã‚»ã‚¹æ•°ãŒã»ã‹ã®ã™ã¹ã¦ã®ãƒ‡ãƒã‚¤ã‚¹ã‹ã‚‰ã®ã‚¢ã‚¯ã‚»ã‚¹æ•°ã‚’ä¸Šå›žã‚‹ã¨äºˆæ¸¬ã•ã‚Œã‚‹ãªã‹ã§ã€ã©ã†ã—ã¦ã“ã®æµã‚Œã‚’ç„¡è¦–ã§ãã‚‹ã®ã§ã—ã‚‡ã†ã‹ã€‚ è‰¯ã„ãƒ‹ãƒ¥ãƒ¼ã‚¹ã¯ã€PWAã®ä½œæˆã¯é›£ã—ããªã„ã¨ã„ã†ã“ã¨ã§ã™ã€‚å®Ÿéš›ã®ã¨ã“ã‚æ—¢å˜ã®ã‚µã‚¤ãƒˆã‚’PWAåŒ–ã™ã‚‹ã“
shukaido170 2018/02/23
PWA
ãƒªãƒ³ã‚¯
ã‚„ã°ã„ã€iOSã«ãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ—ãƒªè¦ã‚‰ãªããªã‚‹ã‹ã‚‚ã€‚Safariã‚‚PWAã«å¯¾å¿œã™ã‚‹å¯èƒ½æ€§ - Qiita
ã“ã‚Œä»¥ä¸Šã¯é•·ããªã‚‹ãŸã‚å¾Œè¿°ï¼Ž ##Chromeã¯æ—¢ã«ï¼ŒSafariã‚‚ã‚ˆã†ã‚„ã ä¸Šè¨˜ã®é€šã‚Šï¼ŒService WorkersãŒPWAã§ã‚‚æœ€é‡è¦ãªæ©Ÿèƒ½ã®ä¸€ã¤ã§ã‚ã‚‹ï¼ŽChromeã§ã¯æ—¢ã«å¯¾å¿œæ¸ˆã¿ï¼Ž ã—ã‹ã—SafariãŒå¯¾å¿œã—ã¦ãŠã‚‰ãšï¼Œä¸–é–“çš„ã«ã¯ãƒ¢ãƒãƒ™ãƒ¼ã‚·ãƒ§ãƒ³ã®ä¸ŠãŒã‚‰ãªã„çŠ¶æ³ã§ã‚ã£ãŸï¼ˆã‚„ã¡ã¾ã‚‚ãã®ä¸€äººã§ã‚ã‚‹ï¼‰ï¼Ž Safariã«ãŠã„ã¦ï¼ŒService Workersã®å®Ÿè£…çŠ¶æ³ No active development ãŒ Under Consideration ã«ãªã£ãŸã®ã¯2015/12/041ã®ã“ã¨ã§ã‚ã‚‹ï¼Ž 20ãƒ¶æœˆã¨ã„ã†æ°¸é ã¨ã‚‚å‘¼ã¹ã‚‹æ™‚ã‚’çµŒã¦ï¼Œ2017/08/032ã«ã‚ˆã†ã‚„ã In Development ã¨ãªã£ãŸã‚ã‘ã§ã‚ã£ãŸï¼Ž ##ã ã‹ã‚‰ä½•ãªã®ã‹ Safariã«Service Workersã®å®Ÿè£…ãŒãªã•ã‚Œã‚‹ã¨ï¼Œä¸€æ°—ã«ã‚¦ã‚§ãƒ–ã‚¢ãƒ—ãƒªã¸ã®ç§»è¡ŒãŒé€²ã‚€å¯èƒ½æ€§ãŒå¤§ãã„ï¼Ž ãƒ–ãƒ©ã‚¦ã‚¶ã®åˆ¶ç´„ãŒå¼±ã¾ã‚Šï¼Œã‚¦ã‚§ãƒ–ã‚¢ãƒ—
shukaido170 2018/02/21
PWA
ãƒªãƒ³ã‚¯
1