ã€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を作る ホームスクリーンã¸è¿½åŠ ãŒã§ãã¾ã™ï¼ ã¾ã¨ã‚：表示速度ストレスã®å¤§å¹…ãªè»½æ¸›ã®ãŸ
AMPã®CSSサイズ上é™ãŒ50000ãƒã‚¤ãƒˆã‹ã‚‰75000ãƒã‚¤ãƒˆã¸50%増é‡â¬†
WordPressã‚’ã‚„ã‚ã€é™çš„サイトジェãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ã§é«˜é€ŸåŒ–ã—ãŸè©± - ICS MEDIA
{{#tags}}- {{label}}
{{/tags}}