基本的にはこれで OK
PWA 導入までの 3 ステップと、簡単なオフライン対応まで
なんだけど実はこれだけだと ios だとアイコンが反映されない
なので解決策として index.html に以下の行を追加すれば OK
1 | <link rel="manifest" href="manifest.webmanifest" /> |
なんか google 様が ios 用にいい感じに色々してくれてるらしい。
神かよ
あとアイコン画像は１枚用意すれば後は
Web App Manifest Generator
で複数サイズ一気に作成できるから便利
参考
初心者がつまづいた、PWA アプリ Safari 版でホームボタンのアイコンが読み込まれない件
PWACompat: the Web App Manifest for all browsers
以上