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

shozzy id:shozzy

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

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

Nuxt.js+TypeScriptãªã‚¢ãƒ—ãƒªã‚’Progressive Web App(PWA)åŒ–ã™ã‚‹ - Qiita
Nuxt.js #2 Advent Calendar 2018ã®4æ—¥ç›®ã®æŠ•ç¨¿ã¨ãªã‚Šã¾ã™ã€‚ Nuxt.jsã«TypeScriptã‚’é©ç”¨ã—ãŸãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã¨ã—ã¦ä¸‹è¨˜ã‚’ã‚ˆãåˆ©ç”¨ã•ã›ã¦ã‚‚ã‚‰ã£ã¦ã„ã¾ã™ã€‚ãã¡ã‚‰ãŒã¾ã PWAåŒ–ã—ã¦ã„ãªã‹ã£ãŸã®ã§ã€å¯¾å¿œã—ã¦ã¿ã¾ã—ãŸã€‚ jeehyukwon/nuxt-serverless: Nuxt.js Serverless SSR Starter on AWS (Lambda + API Gateway + S3) with Serverless Framework https://github.com/jeehyukwon/nuxt-serverless Progressive Web App(PWA)ã¨ã¯ GoogleãŒåŠ›ã‚’å…¥ã‚Œã‚‹ãƒ—ãƒã‚°ãƒ¬ãƒƒã‚·ãƒ–ã‚¦ã‚§ãƒ–ã‚¢ãƒ—ãƒªï¼ˆPWAï¼‰ã¨ã¯ãªã«ã‹ï¼Ÿ | SEOç ”ç©¶æ‰€ã‚µã‚¯ãƒ©ã‚µã‚¯ãƒ©ãƒœ https://www.sakurasaku-labo.j
shozzy 2020/08/14
ï¼ˆè‡ªåˆ†ç”¨ãƒ¡ãƒ¢ï¼‰ãŠãã‚‰ãã€srcã‚’static/ãƒ•ã‚©ãƒ«ãƒ€ã‹ã‚‰æ›¸ãã®ãŒãƒã‚¤ãƒ³ãƒˆã ãª

PWA
ãƒªãƒ³ã‚¯
PWAã®ãƒ—ãƒƒã‚·ãƒ¥é€šçŸ¥ã®ä»•çµ„ã¿
PWAã‚¦ã‚§ãƒ–ãƒ—ãƒƒã‚·ãƒ¥ 2018.02.08 yamamoto ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®å±±æœ¬ã§ã™ã€‚ Progressive Web Applicationã®å…¥é–€è¨˜äº‹ã€ŽPWAå¯¾å¿œã‚’ã™ã‚‹ãŸã‚ã«ã‚„ã£ãŸæœ€ä½Žé™ã®ã“ã¨ã€ã«ç¶šãã¾ã—ã¦ã€ãƒ—ãƒƒã‚·ãƒ¥é€šçŸ¥ã‚’å®Ÿè£…ã—ã¦ã„ããŸã„ã®ã§ã™ãŒã€ãã®å‰ã«Webãƒ—ãƒƒã‚·ãƒ¥ã®ä»•çµ„ã¿ã‚’ç†è§£ã™ã‚‹å¿…è¦ãŒã‚ã‚‹ã¨æ„Ÿã˜ãŸãŸã‚ã€æœ¬æŠ•ç¨¿ã§ã¯ã©ã®ã‚ˆã†ã«Webãƒ—ãƒƒã‚·ãƒ¥ãŒæ©Ÿèƒ½ã—ã¦ã„ã‚‹ã®ã‹ã«ã¤ã„ã¦ã€èª¬æ˜Žã—ã¾ã™ã€‚ Webãƒ—ãƒƒã‚·ãƒ¥ã®ç™»éŒ²ã‹ã‚‰é€ä¿¡ã¾ã§ Webãƒ—ãƒƒã‚·ãƒ¥ã«é–¢ã—ã¦ã€å¤§ããåˆ†ã‘ã¦ï¼’ã¤ã®æ®µéšŽãŒã‚ã‚Šã¾ã™ã€‚ ç™»éŒ²ãŒå®Œäº†ã™ã‚‹ã¾ã§ã®æº–å‚™æ®µéšŽ ãƒ—ãƒƒã‚·ãƒ¥é€šçŸ¥ã‚’é€ä¿¡ã™ã‚‹å®Ÿè¡Œæ®µéšŽ ã“ã®ä»•çµ„ã¿ã‚’æ®µéšŽçš„ã«ç¢ºèªã—ãªãŒã‚‰ã€ãƒ—ãƒƒã‚·ãƒ¥é€šçŸ¥ã®ç†è§£ã‚’æ·±ã‚ã¦ã„ãŸã ã‘ã‚Œã°ã¨æ€ã„ã¾ã™ã€‚ ï¼ˆæº–å‚™æ®µéšŽï¼‰Webãƒ—ãƒƒã‚·ãƒ¥ã®ç™»éŒ²ãŒå®Œäº†ã™ã‚‹ã¾ã§ã®ãƒ•ãƒãƒ¼ ã¾ãšã¯ã€Webãƒ—ãƒƒã‚·ãƒ¥ã®ç™»éŒ²ãŒå®Œäº†ã™ã‚‹ã¾ã§ã®ãƒ•ãƒãƒ¼ã‚’ã¿ã¦ã„ãã¾ã™ã€‚ å…¨ä½“åƒã¯ã“ã‚“ãªæ„Ÿã˜ã§ã™ã€‚ ã‚¹ãƒ†ãƒƒãƒ—ï¼‘ã€€ãƒ¦ãƒ¼ã‚¶ãƒ¼
shozzy 2020/07/20
PWA
ãƒªãƒ³ã‚¯
Nuxt.jsã¨Firebaseã§SPAÃ—SSRÃ—PWAÃ—ã‚µãƒ¼ãƒãƒ¼ãƒ¬ã‚¹ã‚’å®Ÿç¾ã™ã‚‹ - DMM inside
ã¯ã˜ã‚ã¾ã—ã¦ã€‚DMM.comãƒ©ãƒœ ã‚¨ãƒ³ã‚¿ãƒ¼ãƒ†ã‚¤ãƒ³ãƒ¡ãƒ³ãƒˆæœ¬éƒ¨ã‚¤ãƒ™ãƒ³ãƒˆé–‹ç™ºéƒ¨ã®ä¸Šäº•ï¼ˆã‚¦ãƒ¯ã‚¤ï¼‰ã¨ç”³ã—ã¾ã™ã€‚ ã‚¤ãƒ³ãƒ•ãƒ©ã‹ã‚‰ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã¾ã§å¹…åºƒãæ‹…å½“ã—ã¦ãŠã‚Šã¾ã™ã€‚ ä»Šå›žã¯ã€æ¥å‹™ã§åˆ©ç”¨ã—ã¦ã„ã‚‹Nuxt.jsã¨Firebaseã‚’ä½¿ã£ã¦ã€SPAÃ—SSRÃ—PWAÃ—ã‚µãƒ¼ãƒãƒ¼ãƒ¬ã‚¹ã®Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æ§‹ç¯‰ã™ã‚‹æ–¹æ³•ã‚’ã”ç´¹ä»‹ã„ãŸã—ã¾ã™ã€‚
shozzy 2020/07/05
SSRã—ã¤ã¤PWAã«ã™ã‚‹æ–¹æ³•

Nuxt.js

Firebase

PWA
ãƒªãƒ³ã‚¯
PWAã‚¹ãƒˆã‚¢ã®å®Ÿç¾æ€§ã«ã¤ã„ã¦ã®è€ƒå¯Ÿ â€“ One IT Thing
Weâ€™ve been using the Bing Crawler to identify PWAs on the web for nearly a year, and as weâ€™ve reviewed the nearly 1.5 million candidates, ã€Œç§ãŸã¡ã¯ã“ã®ä¸€å¹´ã»ã©ã€Bingã®ã‚¯ãƒãƒ¼ãƒ©ã‚’ä½¿ã£ã¦ã‚¦ã‚§ãƒ–ä¸Šã®PWAã‚’è˜åˆ¥ã—ã¦ãã¾ã—ãŸã€‚ãã—ã¦150ä¸‡ã»ã©ã®å€™è£œã‚’ç¢ºèªã—ã¾ã—ãŸã€ https://blogs.windows.com/msedgedev/2018/02/06/welcoming-progressive-web-apps-edge-windows-10/#1ZY7hmpLgydiexUj.97 Bingã§ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã‚’ã‚¯ãƒãƒ¼ãƒ«ã—ãŸã¨ã“ã‚150ä¸‡ã®PWAãŒè¦‹ã¤ã‹ã£ãŸãã†ã§ã™ã€‚ åŽ»å¹´2018å¹´ã®ã‚¹ãƒˆã‚¢ã‚¢ãƒ—ãƒªç™»éŒ²æœ¬æ•°ãŒGoogle Playï¼ˆ320ä¸‡æœ¬ï¼‰ã€App
shozzy 2020/06/22
PWA
ãƒªãƒ³ã‚¯
iOSç‰ˆSafariã«ãƒ›ãƒ¼ãƒ ç”»é¢ã‚¢ã‚¤ã‚³ãƒ³ã‚’ç°¡å˜ã«è¿½åŠ ã§ãã‚‹PWACompat
[ãƒ¬ãƒ™ãƒ«: ä¸Šç´š] PWAã‚’ã‚µãƒãƒ¼ãƒˆã—ã¦ã„ãªã„ãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚‚ãƒ›ãƒ¼ãƒ ç”»é¢ã‚¢ã‚¤ã‚³ãƒ³ã‚’è¿½åŠ ã§ãã‚‹ä»•çµ„ã¿ã¨ã—ã¦ã€PWACompat ã‚’ Google ã¯å…¬é–‹ã—ã¾ã—ãŸã€‚ PWACompat ã‚’æ§‹æˆã™ã‚‹ã¨ã€Web App Manifest ã‚’è§£é‡ˆã—ãªã„ãƒ–ãƒ©ã‚¦ã‚¶ãŸã‚ã«ã€é–¢é€£ã™ã‚‹ meta ã‚¿ã‚°ã‚„ link è¦ç´ ã‚’è‡ªå‹•çš„ã«æŒ¿å…¥ã—ã¦ãã‚Œã¾ã™ã€‚ PWACompat ã§ iOS ç‰ˆ Safari ã«ã‚‚ãƒ›ãƒ¼ãƒ ç”»é¢ã‚¢ã‚¤ã‚³ãƒ³ã‚’è¿½åŠ iOS ç‰ˆ Safari ã¯ Service Worker ã®ã‚µãƒãƒ¼ãƒˆã«ç€æ‰‹ã—ã¾ã—ãŸãŒã€å®Œæˆã«ã¯ã¾ã ã»ã©é ã„çŠ¶æ…‹ã§ã™ã€‚ ãŸã¨ãˆã°ã€Web App Manifestï¼ˆãƒžãƒ‹ãƒ•ã‚§ã‚¹ãƒˆ ãƒ•ã‚¡ã‚¤ãƒ«ï¼‰ã«ã‚ˆã‚‹ãƒ›ãƒ¼ãƒ ç”»é¢ã‚¢ã‚¤ã‚³ãƒ³è¿½åŠ ã®æ©Ÿèƒ½ã‚’ã¾ã ã‚µãƒãƒ¼ãƒˆã§ãã¦ã„ã¾ã›ã‚“ã€‚ iOS ã«ãƒ›ãƒ¼ãƒ ç”»é¢ã‚¢ã‚¤ã‚³ãƒ³ã‚’è¿½åŠ ã•ã›ã‚ˆã†ã¨ã—ãŸã‚‰ã€link rel="apple-touch-icon" ã®ã‚ˆã†ãªã‚¿ã‚°ã‚’åˆ¥é€”è¿½åŠ ã™ã‚‹å¿…è¦ãŒ
shozzy 2019/08/22
PWA
ãƒªãƒ³ã‚¯
PWA (Progressive Web Apps) ã¨ã¯ | murashun.jp
ï¼» ï¼‹ expand ï¼½PWA (Progressive Web Apps) ã¨ã¯ãƒ—ãƒã‚°ãƒ¬ãƒƒã‚·ãƒ–ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã«ä¾å˜ã—ãªã„ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³æ„Ÿè¦šå¸¸ã«æœ€æ–°å®‰å…¨ç™ºè¦‹ã—ã‚„ã™ã„å†ã‚¨ãƒ³ã‚²ãƒ¼ã‚¸ãƒ¡ãƒ³ãƒˆå¯èƒ½ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«å¯èƒ½ãƒªãƒ³ã‚¯å¯èƒ½Web App Manifestbackground_color ãƒ¡ãƒ³ãƒãƒ¼description ãƒ¡ãƒ³ãƒãƒ¼dir ãƒ¡ãƒ³ãƒãƒ¼display ãƒ¡ãƒ³ãƒãƒ¼icons ãƒ¡ãƒ³ãƒãƒ¼lang ãƒ¡ãƒ³ãƒãƒ¼name ãƒ¡ãƒ³ãƒãƒ¼orientation ãƒ¡ãƒ³ãƒãƒ¼prefer_related_applications ãƒ¡ãƒ³ãƒãƒ¼related_applications ãƒ¡ãƒ³ãƒãƒ¼scope ãƒ¡ãƒ³ãƒãƒ¼short_name ãƒ¡ãƒ³ãƒãƒ¼start_url ãƒ¡ãƒ³ãƒãƒ¼theme_color ãƒ¡ãƒ³ãƒãƒ¼manifest.json ã®å˜åœ¨ã‚’ãƒ–ãƒ©ã‚¦ã‚¶ã«ä¼ãˆã‚‹Web App Manifest ã‚’ãƒ†ã‚¹ãƒˆã™ã‚‹Service Wo
shozzy 2019/08/18
ã€Œ"scope" ãƒ¡ãƒ³ãƒãƒ¼ã¯ã€Web ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚³ãƒ³ãƒ†ã‚ã‚¹ãƒˆã®ç¯„å›²ã‚’å®šç¾©ã—ã¾ã™ã€‚ãƒ¦ãƒ¼ã‚¶ãŒå®šç¾©ã•ã‚ŒãŸã‚¹ã‚³ãƒ¼ãƒ—ç¯„å›²å¤–ã«ã‚¢ã‚¯ã‚»ã‚¹ã—ãŸå ´åˆã€é€šå¸¸ã® Web ãƒšãƒ¼ã‚¸ã«é·ç§»ã—ã¾ã™ã€‚ã€

PWA
ãƒªãƒ³ã‚¯
è‡ªç¤¾é‹å–¶ã®Webã‚¢ãƒ—ãƒªã‚’PWAåŒ–ã—ãŸéš›ã«ãƒãƒžã£ãŸè©±ï¼ˆOAuthãªã©ï¼‰ - APC æŠ€è¡“ãƒ–ãƒã‚°
ã¯ã˜ã‚ã« å…ˆé€²ã‚µãƒ¼ãƒ“ã‚¹é–‹ç™ºäº‹æ¥éƒ¨ã®é«˜æ©‹ã§ã™ã€‚ä¸»ã«ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã‚’æ‹…å½“ã—ã¦ã„ã¾ã™ã€‚ä»Šå›žã¯ç§ãŸã¡ã®éƒ¨ç½²ã§é‹å–¶ã—ã¦ã„ã‚‹ã‚½ãƒ¼ã‚·ãƒ£ãƒ«RSSã‚µãƒ¼ãƒ“ã‚¹ã€ŒNEIGHBORSã€ã‚’PWAåŒ–ã—ãŸéš›ã«ã‚„ã£ãŸã“ã¨ã‚’æ›¸ã„ã¦ã„ã“ã†ã¨æ€ã„ã¾ã™ã€‚ NEIGHBORS | ã²ã¨ã‚Šã®èˆˆå‘³ã‚’ã¿ã‚“ãªã®çŸ¥è˜ã« ã¨ã¯ã„ãˆã€æ¯”è¼ƒçš„çŸæœŸé–“ã§å®Ÿè£…ã™ã‚‹ã¨ã„ã†ç›®æ¨™ã‚’æŽ²ã’ã¦ã„ãŸã¨ã„ã†ã“ã¨ã‚‚ã‚ã‚Šã€ãƒ—ãƒƒã‚·ãƒ¥é€šçŸ¥ã¿ãŸã„ãªã™ã”ããƒã‚¤ãƒ†ã‚£ãƒ–ã£ã½ã„æ©Ÿèƒ½ã¯å®Ÿè£…ã—ã¦ãŠã‚‰ãšã€ã‚ãƒ£ãƒƒã‚·ãƒ¥ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã‚„ãƒ›ãƒ¼ãƒ ã«è¿½åŠ ã—ã¦ã‚¢ãƒ—ãƒªã£ã½ãæŒ¯ã‚‹èˆžã†ã¨ã„ã£ãŸæ¯”è¼ƒçš„ç°¡æ˜“ãªå½¢ã§è½ã¡ç€ã‹ã›ã¦ã„ã¾ã™ã€‚ãªã®ã§ã€ã“ã®è¨˜äº‹ã§ã¯PWAã®å®Ÿè£…è‡ªä½“ã«ã¤ã„ã¦è©³ã—ãè¨˜è¼‰ã—ã¦ã„ãã¨ã„ã†ã‚ˆã‚Šã¯ã€ãã‚Œã¾ã§å‹•ã„ã¦ã„ãŸæ©Ÿèƒ½ãŒPWAã¨ã„ã†ã‹ServiceWorkerã‚’ä½¿ã†ã“ã¨ã§ã†ã¾ãå‹•ã‹ãªããªã£ãŸç‚¹ã«é‡ãã‚’ç½®ã„ã¦ã„ã¾ã™ã€‚ PWAã¨ã¯ PWA(Progressive Web App)ã¨ã¯ã€ã–ã£ãã‚Šã„ã†ã¨ã€Webã‚¢
shozzy 2019/08/18
PWA
ãƒªãƒ³ã‚¯
PWAã§ã€Œãƒ›ãƒ¼ãƒ ç”»é¢ã«è¿½åŠ ã€ãŒè¡¨ç¤ºã•ã‚Œãªã„æ™‚ã«ç¢ºèªã™ã‚‹äº‹ - æ–‡ç³»ãƒ—ãƒã‚°ãƒ©ãƒžã«ã‚ˆã‚‹TIPSãƒ–ãƒã‚°
ä»¥å¤–ã¨ã—ã‚‡ã†ã‚‚ãªã„ç†ç”±ã§è¡¨ç¤ºã•ã‚Œãªã„ã‚“ã§ã™ã‚ˆãã€œ æœ€è¿‘PWAãŒå¾ã€…ã«æµ¸é€ã—ã¦ãã¾ã—ãŸãã€‚ PWAã¯æ¦‚å¿µçš„ãªè¨€è‘‰ãªã®ã§ã€ã„ã–å…·ä½“çš„ã«PWAã«å¯¾å¿œã—ã‚ˆã†ã¨ã™ã‚‹ã¨ã€ã€ŒPWAã£ã¦ãã‚‚ãã‚‚ä½•ã ï¼Ÿã€ã¨ãªã‚Šã¾ã™ã€‚ ãƒãƒƒãƒˆã§èª¿ã¹ã‚‹ã¨ã€ãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚µã‚¤ãƒˆã‚’è¡¨ç¤ºã—ãŸæ™‚ã«ã€Œãƒ›ãƒ¼ãƒ ç”»é¢ã«è¿½åŠ ã€ãƒ€ã‚¤ã‚¢ãƒã‚°ãŒè¡¨ç¤ºã•ã‚Œã‚‹ã‚ˆã†ã«ã™ã‚‹äº‹ã‚‚PWAã®ä¸€ã¤ã§ã‚ã‚‹äº‹ãŒè§£ã‚Šã¾ã™ã€‚ ã—ã‹ã—ã€ã„ã–å¯¾å¿œã—ã¦ã¿ãŸã‘ã©ã€ä½•æ•…ã‹ã€Œãƒ›ãƒ¼ãƒ ç”»é¢ã«è¿½åŠ ãƒ€ã‚¤ã‚¢ãƒã‚°ã€ãŒä¸€å‘ã«è¡¨ç¤ºã•ã‚Œã¾ã›ã‚“ã€‚ ä»Šå›žã¯ãã®åŽŸå› ã‚’å°‘ã—ã ã‘ã¾ã¨ã‚ã¦ã¿ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ manifest.jsonãŒhtmlã‚½ãƒ¼ã‚¹å†…ã«å®šç¾©ã•ã‚Œã¦ã„ãªã„ ServiceWorkerãŒç™»éŒ²ã•ã‚Œã¦ã„ãªã„ ã‚µã‚¤ãƒˆãŒTLSã«å¯¾å¿œã—ã¦ã„ãªã„ ã‚µã‚¤ãƒˆè¨ªå•å›žæ•°ãŒ2å›žã§ã¯ãªã„ ã‚µã‚¤ãƒˆã®è¨ªå•é–“éš”ãŒ5åˆ†ä»¥ä¸Šã§ã¯ãªã„ manifest.jsonå†…ã®ã‚¢ã‚¤ã‚³ãƒ³ç”»åƒãŒ404ã§ã‚ã‚‹ ãƒ–ãƒ©ã‚¦ã‚¶ã‚„curlã‚³ãƒžãƒ³ãƒ‰ç‰ã§ã‚¢ã‚¤ã‚³ãƒ³ç”»åƒã®URLã‚’
shozzy 2019/07/12
PWA
ãƒªãƒ³ã‚¯
1