まえがき こんにちは!PWAご存知ですか?とてもとても作ってみたかった。 検証兼ねてPWA対応サイト(オンラインツール)を作ってみたので、やったことをまとめました。 実際にリリースしてあるので、参考ついでに是非ご活用頂ければ幸いです! 画像圧縮のあっしゅくま - https://imguma.com/ まずPWAとは 「PWA」とは、「Progressive Web Apps」の略。 ウェブサイトを アプリのように 使えるようにしたものです。 この 「アプリのように」 というのが肝。 PWAの機能、 アプリのようにとは ざっくり以下のような機能があります。 通信しない画面遷移 - AppShell, (SPA) アドレスバー非表示 - Web App Manifest プッシュ通知機能 インストール可能 - Web App Manifest オフライン動作 - Service Worker
![PWA対応で実装したことまとめ (実物あり) - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/f3b8894867adfd37770dfa00e17b9ea5ab9cae15/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-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZ0eHQ9UFdBJUU1JUFGJUJFJUU1JUJGJTlDJUUzJTgxJUE3JUU1JUFFJTlGJUU4JUEzJTg1JUUzJTgxJTk3JUUzJTgxJTlGJUUzJTgxJTkzJUUzJTgxJUE4JUUzJTgxJUJFJUUzJTgxJUE4JUUzJTgyJTgxJTIwJTI4JUU1JUFFJTlGJUU3JTg5JUE5JUUzJTgxJTgyJUUzJTgyJThBJTI5JnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWNsaXA9ZWxsaXBzaXMmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1kZTU0MGE5MTJmNDk1ZGQ2NjY5NTBlN2RlMWZkZWZlOQ%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwY2hpa2FyYV9mdW5hYmFzaGkmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTU2MDc1MTFkNDkxODUxZDNhYjg3YWVjYTc1OTUzMWVh%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3Dd897d1252ec47d206f03325fbaf2dcb5)