FJCT_ニフクラ mobile backend(mBaaS)お役立ちブログ

スマホアプリ開発にニフクラ mobile backend(mBaaS)。アプリ開発に役立つ情報をおとどけ!

PWAの実例が知りたい時にチェックしたいサイトまとめ

f:id:mbaasdevrel:20190930150854p:plain

PWA(Progressive Web Apps)という名前は聞いても、実際のところ、どこで使われているのかは分かりづらいです。アプリのように配布してくれる場所がある訳ではありません。

そこでPWAの実例をまとめてくれているサイトを紹介します。

PWA Directory

f:id:mbaasdevrel:20190930150838p:plain

6500以上のPWAサイトが登録されています。しかしユーザが自由に登録できる仕組みなので、かなりダブりもあるようです(日経新聞は4つありました)。それでも世界中のPWAサイトが多数確認できます。

PWA Directory

A selection of Progressive Web Apps

f:id:mbaasdevrel:20190930150854p:plain

カテゴリに分かれてPWAの実例が並んでいます。英語圏のもののみで、日本語のサイトは登録されていませんでした。GitHubリポジトリで管理されており、Pull Requestを通じて登録申請が可能です。

A selection of Progressive Web Apps

PWA対応サイトの共有サービス - Favorite PWA

f:id:mbaasdevrel:20190930150902p:plain

日本語のサイトです。各種カテゴリに分かれており、ゲームだけ別カラムになっています。ランキングもあり、いいね数によって並び順が決まっています。

PWA対応サイトの共有サービス - Favorite PWA

PWA Stats

f:id:mbaasdevrel:20190930150911p:plain

最新のPWAに関するニュースをまとめています。PWAによる効果などを数値で示してくれているので、PWAアプリとその効果を学ぶのに役立つでしょう。

PWA Stats

Progressive Web App Room - The best examples of pwa

f:id:mbaasdevrel:20190930150920p:plain

カテゴリごとに実例がアイコンで並んでいます。英語圏のもののみのようです。アプリストアのように詳細な説明とスクリーンショットも掲載されています。

Progressive Web App Room - The best examples of pwa

Appscope - Progressive Web Apps Examples

f:id:mbaasdevrel:20190930150928p:plain

カテゴリと大きなキャプションと、まるでアプリストアのような表示になっています。ここで並んでいるアプリを見るだけでPWAがどれだけ多くのサイトで使われているかが分かるでしょう。

Appscope - Progressive Web Apps Examples

まとめ

PWAに対応したサイトは日々増えています。アプリの次のトレンドとして注目されているだけに、早く学んで実践していく必要があるでしょう。上司を説得する材料としても使えそうです。

PWAでバックエンドが必要になったら、ぜひニフクラ mobile backendをご利用ください!

mBaaSでサーバー開発不要! | ニフクラ mobile backend

中津川 篤司

中津川 篤司

NCMBエヴァンジェリスト。プログラマ、エンジニアとしていくつかの企業で働き、28歳のときに独立。 2004年、まだ情報が少なかったオープンソースソフトの技術ブログ「MOONGIFT」を開設し、毎日情報を発信している。2013年に法人化、ビジネスとエンジニアを結ぶDXエージェンシー「DevRel」活動をスタート。