Nuxt.jsでPWA化してみたらとても簡単だった - ShoYamane.me
掲題の件、Nuxt.jsのプリセットでPWAのアドオン機能があるため、試してみました。結論からいうとmanifestだけ設定すればあとは全部勝手にやってくれるのでとても便利ですねこれ。 WordPressでPWA化をやってみたことがあるのですが、読み込むイメージファイルやjsを手動で設定しなければいけないため保守性が大変そうですが、Nuxt.jsのPWAアドオンはその辺上の画像のように全部やってくれるのでとても便利です。 Lighthouseのスコア 通常時 CreateJSとGoogle Font外してみた時 導入方法 pwa - Nuxt.js 導入方法も簡単でドキュメント見てもらえればわかると思うのですが、以下のとおりです。 module.exports = { modules: ['@nuxtjs/pwa'], manifest: { name: 'appName', short_
Nuxt.js+Firebase HostingのサイトをPWA化してLighthouseで(ほぼ)100点満点を目指す - razokulover publog
1年くらい前に仕事でNuxt.jsをいじる機会があったんだけどそれ以来使ってなかった。 ただ、GW中にNuxt tech bookを読んだところ久々にいじりたくなってしまい。 そこでちょうどFirebase HostingとPWA化に関して調べてたとこだったので、Nuxt.jsのサイトをPWA化してFirebase Hostingで動かす手慣らしでもしておこうかと思いやってみた。 ただ、普通にやっても面白くないので一応Lighthouseのスコアを満点にすることを目指してみることにした。 コンテンツはNuxtのスターターキットの初期生成されるページ。このページを対象に行う。 以下、Firebase Hostingの設定・Nuxtのプロジェクト作成・PWA設定・Lighthouseのスコア上げの流れで説明してます。 一応ソースはこちらで。 nuxt-firebase-hosting-samp
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
