📝 まえがき こんにちは犬です。 この記事をPWA初学者へ送ります。参考になれば幸いです。 📝 PWA とは PWAは Google が提唱した Web アプリケーションです。 Progressive (プレグレッシブ) Web(ウェブ) App(アップ) これらを略して「PWA(プログレッシブウェブアプリ)」といいます。 プログレッシブウェブアプリは、「機能」、「信頼性」、「インストール可能性」 上記3つの軸を考慮し設計された Web アプリケーションです。 PWAとは何かをざっくりと説明すると、ネイティブアプリと Webの良いとこどりしたもので、 より良いUXを提供できるWebアプリケーションを目指しています。 上図は、「ネイティブアプリ」と「Webアプリ」、「PWA」の3つのアプリケーションを Capability と Reach で図に表したもので、オレンジ色がネイティブアプリ
![これからはじめる PWA 2021](https://cdn-ak-scissors.b.st-hatena.com/image/square/f1130aef92203ae2fd197b6b1fdf58e5282b4135/height=288;version=1;width=512/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--Nc6vm2xN--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3A%2525E3%252581%252593%2525E3%252582%25258C%2525E3%252581%25258B%2525E3%252582%252589%2525E3%252581%2525AF%2525E3%252581%252598%2525E3%252582%252581%2525E3%252582%25258B%252520PWA%2525202021%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3Ami%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9saDMuZ29vZ2xldXNlcmNvbnRlbnQuY29tL2EtL0FPaDE0R2pLcW9rVV9HUnFmSUJ2VmhFTm1SbEV4N3ZXX2JyLXR6XzFxbHh3UGc9czI1MC1j%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png)