以前作ったものを PWA 対応と、ついでに見た目を変えました。 アプリは「4限何時からだっけ?」を解決する、完全に身内向けのものです。 ですが主に PWA のイントロについて書きたいと思います。 使っているもの React.js Flow styled-components GitHub pages リポジトリ: https://github.com/elzup/dentime PWA 対応 Google Chrome Developer tools の Audits のナビゲーションに従ったのみです。 manifest.json で icon やテーマカラー、バックグラウンドカラーの設定をしました。自動で作られるスプラッシュ画面やナビゲーションバーの色に関係してきます。 設定内容は Devtool の Applications タブで確認できます。 あとは「noscripts タグ入れて
![React と PWA で講義の時間確認するだけのやつを作った - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/992aaabaaebb9b701064458b87afe4bc325b908f/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9UmVhY3QlMjAlRTMlODElQTglMjBQV0ElMjAlRTMlODElQTclRTglQUMlOUIlRTclQkUlQTklRTMlODElQUUlRTYlOTklODIlRTklOTYlOTMlRTclQTIlQkElRTglQUElOEQlRTMlODElOTklRTMlODIlOEIlRTMlODElQTAlRTMlODElOTElRTMlODElQUUlRTMlODIlODQlRTMlODElQTQlRTMlODIlOTIlRTQlQkQlOUMlRTMlODElQTMlRTMlODElOUYmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZzPTI2MGNiNmQ5YTQzMGFhNmRlZWNiZGVlMDBjMTc0ODAz%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBlbHp1cCZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9ZTQ1N2IxZTFjZWI3Y2ZmN2M1YWE1Y2U5YjRjNGVjZDU%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D45ff8aaaae32efd98d9818195352b7c4)