Vue.jsã§å§‹ã‚ã‚‹PWA - Qiitaã¯ã˜ã‚㫠先月ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ç•Œéšˆã§ã¯ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã—ãŸæ—¥çµŒé›»å版ãŒé«˜é€Ÿã™ãŽã¦ãƒ¤ãƒã‚¤ä»¶ã«æ³¨ç›®ãŒé›†ã¾ã‚Šã¾ã—ãŸã。 今自分ã§æ³¨ç›®ã—ã¦ã„ã‚‹Vue.jsã¨ã€PWAã§SPAã‚’ã¤ãã‚‹ãŸã‚ã®ã“ã¨ã¯ã˜ã‚を記事ã«ã—よã†ã¨æ€ã„ã¾ã™ã€‚ 1. PWAã¨ã¯ PWA（Progressive Web Application）ã¨ã¯ã€ä¸€è¨€ã§è¨€ãˆã°ã€Œãƒã‚¤ãƒ†ã‚£ãƒ–アプリã®ã‚ˆã†ãªä½¿ã„å‹æ‰‹ã‚’実ç¾ã—ãŸWebアプリã€ã§ã™ã€‚ Googleã®ã‚³ãƒ¼ãƒ‰ãƒ©ãƒœã‚’一通りやるã¨å…¨ä½“åƒãŒã¤ã‹ã‚ã‚‹ã‹ã¨æ€ã„ã¾ã™ã€‚ PWAã§ã§ãã‚‹ã“㨠ホームスクリーンã¸ã®è¿½åŠ （Add to homescreen） PWAã§ä½œã‚‰ã‚ŒãŸWebアプリケーションã«ã‚¢ã‚¯ã‚»ã‚¹ã—ãŸéš›ã«ã€ãƒ›ãƒ¼ãƒ ç”»é¢ã¸ã®è¿½åŠ を促ã™ã“ã¨ãŒã§ãã¾ã™ã€‚ æ¡ä»¶ã¯ä¸‹è¨˜ã§ã™ã€‚ å¿…è¦ãªæƒ…å ±ãŒè¨˜è¼‰ã•ã‚ŒãŸãƒžãƒ‹ãƒ•ã‚§ã‚¹ãƒˆãƒ•ã‚¡ã‚¤ãƒ«ãŒå˜åœ¨ã™ã‚‹ サイトã«Service WorkerãŒç™»éŒ²ã•ã‚Œã¦ã„ã‚‹ HTTPS経由ã§é…ä¿¡ã•ã‚Œã¦ã„ã‚‹
{{#tags}}- {{label}}
{{/tags}}