PWA（Progressive Web Apps）というキーワードに注目が集まっていますが、実際のところ何からはじめれば良いのか分からない人は多いのではないでしょうか。PWAは固有の技術を指し示すものではないので、特に分かりづらいでしょう。 そこで参考にしたいのがbento-starterです。PWAとは何か、を学ぶのにぴったりなスターターキットです。

bento-starterの使い方

こちらがそのテンプレートです。

マニフェストファイル、Service Workerもちゃんとインストールされます。

Lighthouseを使った評価はほぼパーフェクトです。

PWAの要素となるCACHE APIの利用はもちろん、アプリマニフェストやアクセシビリティもきちんと提供されています。このbento-starterをベースにしたり、ここから学べることは多数あるでしょう。Service Workerの実装方法など真似できる部分も多そうです。

bento-starterはHTML5/JavaScript製のオープンソース・ソフトウェア（MIT License）です。

bento-starter kefranabg/bento-starter: Full-Stack solution to quickly build PWA applications