PWAの導入の仕方

(^^/ﾊﾛｰｺﾝｶｲﾊ､今回は、前からGithubで公開中のStart Pageだが最近ウェブアプリ化したいという欲求が出てきたものでこちらの記事を見ながらアップデートしました。またなんか作ったときに役に立つかと思いここに覚え書きとして残しておく。

PWA導入までの3ステップと、簡単なオフライン対応まで - Qiita

はじめに以前から気になっていたPWAについて、導入するまでに最低限必要な3つのステップについて書きたいと思います。この記事のゴールは、PWAでオフラインでもとりあえず動作するページを作成するまで…

qiita.com

きっかけは、？

manifest.jsonファイルを作成

{
  "name": "PWA Test",
  "short_name": "PWA",
  "theme_color": "#2196f3",
  "background_color": "#2196f3",
  "display": "standalone",
  "start_url": "./index.html",
  "icons": [
    {
      "src": "./images/icon-192x192.png",
      "sizes": "192x192",
      "type": "image/png"
    }
  ]
}

まとめ

最後に