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

roogh5eeSha6 id:roogh5eeSha6

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

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

ã‚ãƒ£ãƒƒã‚·ãƒ¥
ãƒªãƒ³ã‚¯
PWAç‰ˆã€ŒTwitterã€ãŒæ›´æ–°ã€è¿”ä¿¡å¯èƒ½ãªãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚’åˆ¶é™ã™ã‚‹æ©Ÿèƒ½ã‚„DMã®å¼•ãå‡ºã—UIã‚’è¿½åŠ ï¼â€œãƒˆãƒ”ãƒƒã‚¯â€ãƒšãƒ¼ã‚¸ã‚‚ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã€‚èˆˆå‘³ã®ãªã„ãƒˆãƒ”ãƒƒã‚¯ã¯éžè¡¨ç¤ºã«ã™ã‚‹ã“ã¨ã‚‚
roogh5eeSha6 2020/08/25
PWA

Twitter
ãƒªãƒ³ã‚¯
PWAã§ã‚¢ãƒ—ãƒªã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆã‚’è¨å®šå¯èƒ½ã«
[ãƒ¬ãƒ™ãƒ«: ä¸Šç´š] PWA ã®ã‚¢ã‚¤ã‚³ãƒ³ã‹ã‚‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’åˆ©ç”¨ã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆãƒ¡ãƒ‹ãƒ¥ãƒ¼ã¯ã€ãã®ã‚¢ãƒ—ãƒªã§ã‚ˆãä½¿ã‚ã‚Œã‚‹æ©Ÿèƒ½ã«ã™ãã«ã‚¢ã‚¯ã‚»ã‚¹ã§ãã‚‹æ©Ÿèƒ½ã§ã™ã€‚ ã‚¢ãƒ—ãƒªã®ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆ ã“ã¡ã‚‰ã¯ã‚¢ãƒ—ãƒªç‰ˆ Twitter ã®ã‚¢ã‚¤ã‚³ãƒ³ã‚’é•·æŠ¼ã—ã‚¿ãƒƒãƒ—ã—ãŸã¨ã“ã‚ã§ã™ã€‚ Twitter ã§ã‚ˆãä½¿ã‚ã‚Œã‚‹æ©Ÿèƒ½ãŒã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆãƒ¡ãƒ‹ãƒ¥ãƒ¼ã¨ã—ã¦å‡ºç¾ã—ã¾ã™ã€‚ ã“ã¡ã‚‰ã¯ PWA ç‰ˆ Twitter ã®ã‚¢ã‚¤ã‚³ãƒ³ã‚’é•·æŠ¼ã—ã‚¿ãƒƒãƒ—ã—ãŸã¨ã“ã‚ã§ã™ã€‚ æ¨™æº–ã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒè¡¨ç¤ºã•ã‚Œã‚‹ã ã‘ã§ã™ã€‚ ã“ã®ã‚ˆã†ã«ã€ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆã‚’æ§‹æˆã™ã‚‹ã¨ãã®ã‚¢ãƒ—ãƒªå›ºæœ‰ã®ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã‚’ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã«è¡¨ç¤ºã§ãã¾ã™ã€‚ ãŸã¨ãˆã°ã€æ¬¡ã®ã‚ˆã†ãªã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒã‚ã‚Šã¾ã™ã€‚ ã‚ˆãã‚¢ã‚¯ã‚»ã‚¹ã™ã‚‹ãƒšãƒ¼ã‚¸â€•â€•ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ã€ã‚¿ã‚¤ãƒ ãƒ©ã‚¤ãƒ³ã€æ³¨æ–‡å±¥æ´ãªã© ã‚µã‚¤ãƒˆå†…æ¤œç´¢ ãƒ¡ãƒ¼ãƒ«ã‚„æŠ•ç¨¿ã®ä½œæˆ ã‚ˆãè´ããƒ—ãƒ¬ã‚¤ãƒªã‚¹ãƒˆã®å†ç”Ÿ ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒé »ç¹ã«å®Ÿè¡Œã™ã‚‹ã‚¿ã‚¹ã‚¯ã‚’ã‚·ãƒ§ãƒ¼ãƒˆã‚«
roogh5eeSha6 2020/05/26
PWA

ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆ
ãƒªãƒ³ã‚¯
Vue.jsã§ä½œã£ãŸã‚µã‚¤ãƒˆã‚’PWAã«å¯¾å¿œã•ã›ã¦ã¿ã‚‹ - ã˜ã‚…ã“ã‚ãAR
2018å¹´ã¯PWA(Progressive Web Application)ãŒæ³¨ç›®ã•ã‚Œã¤ã¤ã‚ã‚‹ã®ã§ã€å…ˆæ—¥Vue.jsã§ä½œæˆã—ãŸWebã‚µã‚¤ãƒˆã‚’PWAå¯¾å¿œã•ã›ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ jyuko49.hatena blog.com PWAã¨ã¯ï¼Ÿ PWAã®ãƒ¡ãƒªãƒƒãƒˆ SPAã®ã‚¢ãƒ—ãƒªåŒ–ãŒç°¡å˜ Webã®OSSã‚’ä½¿ã„æ”¾é¡Œ Webã‚¢ãƒ—ãƒªã®æ©Ÿèƒ½ã‚’æ‹¡å¼µ PWAã«å¯¾å¿œã™ã‚‹ Vue.jsãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’PWAãƒœã‚¤ãƒ©ãƒ¼ãƒ—ãƒ¬ãƒ¼ãƒˆã§ä½œæˆã™ã‚‹ ã‚¢ã‚¤ã‚³ãƒ³ã‚’ä½œã‚‹ Lighthouseã§ãƒã‚§ãƒƒã‚¯ã™ã‚‹ PWAã‚’å‹•ã‹ã—ã¦ã¿ã‚‹ iOS11.3 Android7.0 ã¾ã¨ã‚ PWAã¨ã¯ï¼Ÿ "ãƒ›ãƒ¼ãƒ ç”»é¢ã«è¿½åŠ "ã‚’è¡Œã†ã“ã¨ã§ãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ—ãƒªã®ã‚ˆã†ã«å‹•ä½œã™ã‚‹Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã§ã™ã€‚ã‚ªãƒ•ãƒ©ã‚¤ãƒ³ã‚ãƒ£ãƒƒã‚·ãƒ¥ã§å¿«é©ã«å‹•ä½œã—ãŸã‚Šã€Webãƒ—ãƒƒã‚·ãƒ¥é€šçŸ¥ãŒå—ã‘ã‚‰ã‚ŒãŸã‚Šã—ã¾ã™ã€‚ GoogleãŒæå”±ã—ã¦ã„ãŸæŠ€è¡“ã§ã€ä»¥å‰ã‹ã‚‰æ°—ã«ãªã£ã¦ã¯ã„ã¾ã—ãŸãŒã€Microsoft
roogh5eeSha6 2020/05/21
PWA
ãƒªãƒ³ã‚¯
PWAç’°å¢ƒä¸‹ã§å®Ÿè¡Œã•ã‚Œã¦ã„ã‚‹ã‹ã‚’åˆ¤å®šã™ã‚‹æ–¹æ³• - Qiita
ã¯ã˜ã‚ã« Reactã‚„Angularã€Vue.jsãªã©ã®ä¸»è¦ãªãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ä½¿ãˆã°ãƒ¯ãƒ³ã‚¹ãƒ†ãƒƒãƒ—ï¼‹Î±ã§ç°¡å˜ã«å®Ÿè£…ã§ãã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã‚‹ã“ã¨ã‹ã‚‰SSLã•ãˆå°Žå…¥ã—ã¦ã„ã‚Œã°ãŠã¾ã‘çš„ã«å°Žå…¥ã§ãã‚‹ã‚¤ãƒ¡ãƒ¼ã‚¸ã®PWAã€‚ å®Ÿè£…ã‚’é€²ã‚ã¦ã„ãã¨ã€Œwebè¡¨ç¤ºã ã‘ã€ãƒ›ãƒ¼ãƒ ç”»é¢ã«è¿½åŠ ã€‘ã®èª˜å°Žãƒ¢ãƒ¼ãƒ€ãƒ«ã‚’å‡ºã—ãŸã„ã€ã€ŒPWAã®ç’°å¢ƒä¸‹ã§ã®ã¿ã‚¹ãƒˆãƒ¬ãƒ¼ã‚¸ã«ãƒ‡ãƒ¼ã‚¿ã‚’ä¿æŒã•ã›ã¦ãŠããŸã„ã€ã¨ã„ã£ãŸã¨ãã«PWAç’°å¢ƒã‹é€šå¸¸ã®ãƒ–ãƒ©ã‚¦ã‚¶ã‹ã‚’åˆ¤å®šã™ã‚‹å ´é¢ãŒå¤šã‹ã‚Œå°‘ãªã‹ã‚Œå‡ºã¦ãã¾ã™ã€‚ ã—ã‹ã—ã€ã‚ã¾ã‚Šã“ã“ã«è§¦ã‚Œã¦ã„ã‚‹è¨˜äº‹ã‚’è¦‹ã‹ã‘ãªã‹ã£ãŸã®ã§å‚™å¿˜éŒ²ã‚‚å…¼ãã¦æŽ²è¼‰ã—ã¾ã™ã€‚ æœ¬é¡Œ ãƒ¡ãƒ‡ã‚£ã‚¢ã‚¯ã‚¨ãƒªã®ãƒ‘ãƒ¼ã‚¹çµæžœã‚’åˆ©ç”¨ã—ã¦JavaScriptä¸Šã§åˆ¤å®šã—ã¾ã™ã€‚ ä»¥ä¸‹ã¯manifest.jsonã§ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ãƒ¢ãƒ¼ãƒ‰ã€Œstandaloneã€ã‚’æŒ‡å®šã—ãŸå ´åˆã‚’æƒ³å®šã—ã¦ã„ã¾ã™ã€‚
roogh5eeSha6 2020/05/03
PWA

åˆ¤å®š
ãƒªãƒ³ã‚¯
åˆå¿ƒè€…ãŒã¤ã¾ã¥ã„ãŸã€PWAã‚¢ãƒ—ãƒªSafariç‰ˆã§ãƒ›ãƒ¼ãƒ ãƒœã‚¿ãƒ³ã®ã‚¢ã‚¤ã‚³ãƒ³ãŒèªã¿è¾¼ã¾ã‚Œãªã„ä»¶
å‰ç½®ã æœ€è¿‘ç•Œéšˆã‚’ã‚ˆãè³‘ã‚ã›ã¦ã„ã‚‹PWAã§ã™ãŒã€çš†æ§˜ã®è¨˜æ†¶ã«æ–°ã—ã„é€šã‚Š3æœˆæœ«ã®iOS 11.3ãƒªãƒªãƒ¼ã‚¹ã«ä¼´ã„Safariã«ã‚‚å¯¾å¿œãŒé–‹å§‹ã•ã‚Œã¾ã—ãŸã€‚ å•é¡Œ ç§ã‚‚React Ã— github pages Ã— PWAã§è©¦ã—ã¦ã¿ãŸã®ã§ã™ãŒã€ Androidã¯Chromeã‹ã‚‰ãƒ›ãƒ¼ãƒ ç”»é¢ã«ã§ä¸Šæ‰‹ãè¡¨ç¤ºã•ã‚ŒãŸã‚‚ã®ã®ã€ iOSã§ã¯Safariã‹ã‚‰ãƒ›ãƒ¼ãƒ ç”»é¢ã«è¡¨ç¤ºã—ãŸã„ã¯ãšã®ã‚¢ã‚¤ã‚³ãƒ³ãŒä¸Šæ‰‹ãåæ˜ ã•ã‚Œã¾ã›ã‚“ã§ã—ãŸã€‚ åŽŸå› å…ˆã«çµè«–ã‚’ã„ã†ã¨ã€PWAã‚¢ãƒ—ãƒªã«å¿…é ˆã§ã‚ã‚‹manifest.jsonã«ã€ãƒ›ãƒ¼ãƒ ã‚¢ã‚¤ã‚³ãƒ³ã‚„ã‚‰ãªã‚“ã‚„ã‚‰ã‚’æŒ‡å®šã—ã¦è¡¨ç¤ºã•ã›ã‚‹ã®ã§ã™ãŒã€ã“ã“ã«ã‚¢ã‚¤ã‚³ãƒ³ç”»åƒã‚’æŒ‡å®šã—ã¦ã„ã¦ã‚‚æœªã iOSã®å ´åˆåæ˜ ã•ã‚Œãªã„ã¨ã„ã†ã“ã¨ãŒåˆ¤æ˜Žã„ãŸã—ã¾ã—ãŸã€‚ å¯¾å¿œæ–¹æ³• ã§ã¯ã©ã†ã‚„ã£ã¦Safariã§ãƒ›ãƒ¼ãƒ ã«è¿½åŠ ã—ãŸæ™‚ã«æŒ‡å®šã—ãŸã‚¢ã‚¤ã‚³ãƒ³ã‚’åæ˜ ã•ã›ã‚‹ã®ã‹ã€ <link rel="apple-touch-icon" href="%PUB
roogh5eeSha6 2020/04/29
PWA

ã‚¢ã‚¤ã‚³ãƒ³

iOS
ãƒªãƒ³ã‚¯
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
ãƒªãƒ³ã‚¯
Nuxt.jsï¼‹Push7ã§PWAã‚¢ãƒ—ãƒªã¨ãƒ—ãƒƒã‚·ãƒ¥é€šçŸ¥ã‚’å®Ÿè£…ã™ã‚‹ - Qiita
Nuxt.jsã‚’ä½¿ã†ã¨ã€æ¯”è¼ƒçš„ç°¡å˜ã«PWAå¯¾å¿œã®ã‚µã‚¤ãƒˆã‚’ä½œã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ãŸã ã€PWAå¯¾å¿œã¨ä¸€è¨€ã§è¨€ã£ã¦ã‚‚ã€PWAãŒæŒ‡ã™æ©Ÿèƒ½ã¯æ§˜ã€…ãªã‚‚ã®ãŒã‚ã‚Šã¾ã™ã€‚ ã‚ªãƒ•ãƒ©ã‚¤ãƒ³ã‚ãƒ£ãƒƒã‚·ãƒ¥ ãƒ›ãƒ¼ãƒ ã‚¹ã‚¯ãƒªãƒ¼ãƒ³è¿½åŠ ãƒ—ãƒƒã‚·ãƒ¥é€šçŸ¥ ã‚«ãƒ¡ãƒ© æ±ºæ¸ˆæ©Ÿèƒ½ etc iOSã§ã¯Androidã¨æ¯”ã¹ã¦PWAã®å¯¾å¿œãŒé…ãã€ã‚ãƒ£ãƒƒã‚·ãƒ¥ä»¥å¤–ã¯ã‚ã¾ã‚Šä½¿ã†ã“ã¨ãŒãªã‹ã£ãŸã®ã§ã™ãŒã€ æœ€è¿‘iPhoneã‹ã‚‰Pixel4ã«æ©Ÿç¨®å¤‰æ›´ã—ãŸã“ã¨ã‚‚ã‚ã‚Šã€æ‰‹å…ƒã®ç’°å¢ƒã§è‰²ã€…ã¨PWAã‚’è©¦ã™ã“ã¨ãŒã§ãã‚‹ã‚ˆã†ã«ãªã£ãŸã®ã§ã€ è‰²ã€…å®Ÿè£…ã—ã¦éŠã‚“ã§ã¿ã¾ã—ãŸã€‚ ä»Šå›žã¯ã€æ¯”è¼ƒçš„ç°¡å˜ã«å®Ÿè£…ãŒã§ãã‚‹ã€ ã‚ªãƒ•ãƒ©ã‚¤ãƒ³ã‚ãƒ£ãƒƒã‚·ãƒ¥ ãƒ›ãƒ¼ãƒ ã‚¹ã‚¯ãƒªãƒ¼ãƒ³è¿½åŠ ãƒ—ãƒƒã‚·ãƒ¥é€šçŸ¥ ã‚’Nuxt.jsã¨Push7ã¨ã„ã†ã‚µãƒ¼ãƒ“ã‚¹ã‚’ä½¿ã£ã¦ã€å®Ÿè£…ã—ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ãªãŠã€ä»Šå›žä½œæˆã—ãŸã‚µãƒ³ãƒ—ãƒ«ã¯ä»¥ä¸‹ã®URLã«ã‚¢ãƒƒãƒ—ã—ã¦ã„ã¾ã™ã€‚ https://nuxtpwa.netlify.com/ https:/
roogh5eeSha6 2020/03/13
Nuxt

PWA

ã‚ãƒ£ãƒƒã‚·ãƒ¥
ãƒªãƒ³ã‚¯
Nuxt.jsã¨Firebaseã§çˆ†é€Ÿã§PWAå¯¾å¿œWebã‚¢ãƒ—ãƒªã‚’é–‹ç™ºã—ãŸè©± - Qiita
æ ªå¼ä¼šç¤¾diffeasyã®æ—¥æœ¬ä¸€é…åŠ›çš„ãªãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼é›†å›£ã‚’ä½œã‚‹CTO@_takeshi_24ã§ã™ã€‚ åŽ»ã‚‹12/8(åœŸ)ã«ç¦å²¡ã§é–‹å‚¬ã•ã‚ŒãŸFrontend Conference Fukuoka 2018ç´ æ™´ã‚‰ã—ã„ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã§ã—ãŸï¼é‹å–¶ã®çš†æ§˜ãŠç–²ã‚Œæ§˜ã§ã—ãŸã€‚ ãã®ä¸ã§ç™»å£‡ã•ã›ã¦ã„ãŸã ã„ãŸã€ŒNuxt.jsã¨Firebaseã§çˆ†é€Ÿã§PWAå¯¾å¿œWebã‚¢ãƒ—ãƒªã‚’é–‹ç™ºã—ãŸè©±ã€ã«ã¤ã„ã¦ã€å°‘ã—è©³ã—ãè¨˜äº‹ã«æ›¸ã‹ã›ã¦ã„ãŸã ãã¾ã™ï¼ ä»Šå›žé–‹ç™ºã—ãŸã‚¢ãƒ—ãƒªã«ã¤ã„ã¦ ä»Šå›žé–‹ç™ºã—ãŸã‚¢ãƒ—ãƒªã¯ã€Œå‹é”ç”³è«‹ã®ãªã„SNS WACHA!(ä»®)ã€ã§ã™ã€‚ ã“ã®ã‚¢ãƒ—ãƒªã¯ç§ãŒ4å¹´å‰ãƒ•ãƒªãƒ¼ãƒ©ãƒ³ã‚¹æ™‚ä»£ã«å‡ºå ´ã—ãŸã€Œã‚¹ã‚¿ãƒ¼ãƒˆã‚¢ãƒƒãƒ—ã‚¦ã‚£ãƒ¼ã‚¯ã‚¨ãƒ³ãƒ‰ç¦å²¡2014ã€ã§å„ªå‹ã—ãŸã‚¢ã‚¤ãƒ‡ã‚¢ã®ã‚¢ãƒ—ãƒªã§ã™ã€‚ Facebookã‚„twitterãªã©å¾“æ¥ã®SNSã¯ã€ã¾ãšæœ€åˆã«å‹é”ç”³è«‹ã‚„ãƒ•ã‚©ãƒãƒ¼ã—ã¦ã€èª°ã‹ã¨ã¤ãªãŒã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ æ§˜ã€…ãªäººã¨ç¹‹ãŒã‚‹ã“ã¨ã§ã€æœ¬å½“ã«è¨€ã„ãŸã„ã“
roogh5eeSha6 2020/03/08
[

Firebase

Nuxt

PWA
ãƒªãƒ³ã‚¯
Vue.js PWA ç¸¦ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚’ç¦æ¢ã«ã§ããŸãŒã€æ¨ªã‚¹ã‚¯ãƒãƒ¼ãƒ«æ™‚ã«ã¯ç¸¦ã‚‚æœ‰åŠ¹ã«ãªã£ã¦ã—ã¾ã†
roogh5eeSha6 2020/03/03
PWA

ã‚¹ã‚¯ãƒãƒ¼ãƒ«ç¦æ¢

vue.js
ãƒªãƒ³ã‚¯
Nuxt.jsã®PWAãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã¯ä½•ã‚’ã‚„ã£ã¦ã„ã‚‹ã®ã‹
2019å¹´6æœˆ19æ—¥ã«è¡Œã‚ã‚ŒãŸPWA Night vol.5ã§ä½¿ç”¨ã—ãŸã‚¹ãƒ©ã‚¤ãƒ‰ã§ã™ã€‚ ãƒªãƒ³ã‚¯ Nuxt.js : https://nuxtjs.org/ ã‚¿ãƒ ãƒ†ãƒ– : https://tamutebu-arabaki2019.firebaseapp.com/ ã‚¿ãƒƒãƒ—10 : httpsâ€¦
roogh5eeSha6 2020/03/02
Nuxt

PWA
ãƒªãƒ³ã‚¯
ã€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
ãƒªãƒ³ã‚¯
Workbox Module | âš¡ Nuxt PWA
# Workbox Module Workbox is a collection of JavaScript libraries for Progressive Web Apps. (Learn more ). This module adds full offline support using workbox. You can pass options to pwa.workbox in nuxt.config.js to override the defaults . # Options # workboxVersion (String) Version of workbox. Default value is latest tested version which will be updated by updating this package. # workboxURL (Str
roogh5eeSha6 2020/02/27
Nuxt

PWA
ãƒªãƒ³ã‚¯
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
ãƒªãƒ³ã‚¯
ã€PWAã€‘YouTubeã‚’ã¿ã‚“ãªã§ãƒ¯ã‚¤ãƒ¯ã‚¤è¦‹ã‚‹ãŸã‚ã®ã‚µãƒ¼ãƒ“ã‚¹ã€DJ7ã‚’ãƒãƒ¼ãƒ³ãƒã—ã¾ã—ãŸï¼ - Qiita
ã¿ãªã•ã‚“ã“ã‚“ã«ã¡ã¯ï¼ ä»Šå›žã¯YouTubeã®å‹•ç”»ã‚’è¤‡æ•°äººã§åŒæ™‚è¦–è´ã§ãã‚‹ã‚µãƒ¼ãƒ“ã‚¹ã‚’ä½œã‚Šã¾ã—ãŸã®ã§ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ãƒ–ãƒ©ã‚¦ã‚¶ã‚’é–‹ãã ã‘ã§ã€å‹é”ã‚„æ‹äººã¨åŒã˜å‹•ç”»ã‚’è¦‹ã‚‹ã“ã¨ãŒã§ãã¾ã™ï¼ è¤‡æ•°äººã§åŒã˜å‹•ç”»ã‚’è¦‹ã¦ã€ã‚ãƒ¼ã§ã‚‚ãªã„ã“ãƒ¼ã§ã‚‚ãªã„ã¨æ„è¦‹ã‚’äº¤ã‚ã™ã®ã¯ã‚ã¡ã‚ƒã‚ã¡ã‚ƒæ¥½ã—ã„ã§ã™ã€‚ ã“ã‚Œã¯ãœã²çš†ã•ã‚“ã«ã‚‚ä½“é¨“ã—ã¦ã‚‚ã‚‰ã„ãŸã„ã§ã™ï¼ YouTubeåŒæ™‚å†ç”Ÿã‚µãƒ¼ãƒ“ã‚¹ DJ7 https://dj7.io åˆå›žã®ã‚¢ã‚¯ã‚»ã‚¹ã¯éŸ³ãŒãªã‚‰ãªã„ã‚ˆã†ã«è¨å®šã—ã¦ã‚ã‚Šã¾ã™ã®ã§ã”å®‰å¿ƒãã ã•ã„ã€‚ ã§ãã‚‹ã“ã¨ åŒæœŸå†ç”Ÿ ã‚µãƒ¼ãƒ“ã‚¹ã®è¦ã§ã™ã€‚è¤‡æ•°ã®ãƒ‡ãƒã‚¤ã‚¹é–“ã§å†ç”Ÿã®çŠ¶æ…‹ãŒåŒæœŸã•ã‚Œã€é›¢ã‚Œã¦ã„ã‚‹å ´æ‰€ã§ã‚‚åŒã˜ã‚¿ã‚¤ãƒŸãƒ³ã‚°ã§åŒã˜å‹•ç”»ã‚’è¦–è´ã§ãã¾ã™ã€‚ å³ä¸‹ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨å‹•ç”»ã‚’ç”»é¢ã«å¤§ããè¡¨ç¤ºã—ã¾ã™ã€‚ã“ã‚Œã«ã‚ˆã£ã¦è¤‡æ•°äººã§åŒã˜å‹•ç”»ã‚’è¦‹ã‚‹ã“ã¨ãŒã§ãã¾ã™ðŸ˜‹ ã‚·ãƒ¼ã‚¯ãƒãƒ¼å…±æœ‰ DJ7ã§ã¯ã‚·ãƒ¼ã‚¯ãƒãƒ¼ã®çŠ¶æ…‹ã‚‚ãƒ¦ãƒ¼ã‚¶é–“ã§å…±æœ‰ã•ã‚Œã¾ã™ã€‚ã“ã‚Œã¯YouTube
roogh5eeSha6 2020/02/16
PWA
ãƒªãƒ³ã‚¯
Appleã‚‚iOS/macOSã‚’Progressive Web Appsï¼ˆPWAï¼‰å¯¾å¿œã¸ã€‚æ¬¡ã®Safari 11.1ã§Service Workerãªã©å®Ÿè£…
Appleã‚‚iOS/macOSã‚’Progressive Web Appsï¼ˆPWAï¼‰å¯¾å¿œã¸ã€‚æ¬¡ã®Safari 11.1ã§Service Workerãªã©å®Ÿè£… AppleãŒã€iOSã¨macOSã®æ¬¡ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã«ãƒãƒ³ãƒ‰ãƒ«ã•ã‚Œã‚‹Safari 11.1ã§ã€Progressive Web Appsï¼ˆPWAï¼‰ã®é‡è¦ãªæ§‹æˆè¦ç´ ã§ã‚ã‚‹Service Workerã‚’ã‚µãƒãƒ¼ãƒˆã™ã‚‹ã“ã¨ãŒåˆ†ã‹ã‚Šã¾ã—ãŸã€‚æ¬¡ã®iOSã¨macOSã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯iOS 11.3/macOS 10.13.4ã§ã€ç¾åœ¨ãƒ™ãƒ¼ã‚¿ç‰ˆã¨ã—ã¦AppleãŒé–‹ç™ºä¸ã§ã™ã€‚ PWAã¨ã¯ã€HTMLã€CSSã€JavaScriptãªã©ã®WebæŠ€è¡“ã«ã‚ˆã£ã¦é–‹ç™ºã•ã‚Œã‚‹Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ä¸€ç¨®ã§ã™ã€‚Webã‚µãƒ¼ãƒã‹ã‚‰é…ä¿¡ã•ã‚Œã¦å®Ÿè¡Œã•ã‚Œã‚‹ã ã‘ã§ãªãã€ãƒªã‚½ãƒ¼ã‚¹ã‚’ãƒãƒ¼ã‚«ãƒ«ã«ä¿å˜ã—ã‚ªãƒ•ãƒ©ã‚¤ãƒ³ã§ã®å®Ÿè¡Œã«ã‚‚å¯¾å¿œã€‚Service Workerã«ã‚ˆã‚‹ãƒãƒƒã‚¯ã‚°ãƒ©ã‚¦ãƒ³ãƒ‰å‡¦ç†ã‚„ãƒ—ãƒƒã‚·ãƒ¥é€šçŸ¥ãªã©ã‚‚
roogh5eeSha6 2020/02/16
PWA

iOS
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸