PWA化

[hrddd]

まずは調べるところから

やりたいことは

• オフラインでも遊べる（情報をキャッシュし、オフラインではそれを使う）
• オフライン状態/オンライン状態を表示する

[hrddd]

調べ物

オフラインでも遊べる（情報をキャッシュし、オフラインではそれを使う）

• workboxとやらで、webpackを使える　https://www.hivelocity.co.jp/blog/46013/
• workbox https://developers.google.com/web/tools/workbox/reference-docs/latest/module-workbox-webpack-plugin.InjectManifest#InjectManifest
• create react app では、webpack.configの調整には ejectが必要
• ejectなくてもできる（やりたくない）https://wp-kyoto.net/replace-workbox-cli-into-create-react-app-app/
• ejectなくてもできる（モジュール）（そこまでするか・・・？）https://medium.com/@ryoldash/customize-webpack-config-of-react-app-created-with-create-react-app-7a78c7849edc
• 動的に読み込むものはruntimeCaching使う https://www.mitsue.co.jp/knowledge/blog/frontend/202005/08_1407.html

オフライン状態/オンライン状態を表示する

-

かかった時間

• 2時間 +

[hrddd]

オフライン状態/オンライン状態を表示する

-

かかった時間

-

[hrddd]

オフラインでも遊べる（情報をキャッシュし、オフラインではそれを使う）

• ejectしたら入ってるとは思わなかった
• runtimeCachingにpokedex.jsonを登録して終わり。
• iOSにしたらスワイプ挙動由来っぽいバグが起こったので、ハーツラたん

  かかった時間

• 1時間

[hrddd]

（だるい） なんでもいいから手をつけないと億劫になってしまう 何もしていなかったわけでもないが、調べるにつれうーん難しそうだ、、、となってしまい手がうごかなくなってしまう、というのはアレだな、、、 明日やってみてダメなら、機能の重要さではなく、少し手を動かせるところから温めていく。 READMEとかでもいいかもね