PWA(Progressive Web Apps)というキーワードがトレンドになっています。しかしPWAは特定の技術を指すのではなく、Webでの体験をよりネイティブ並に向上させるという概念でしかありません。そのため何から取り組んだら良いかが分かりづらいです。 そこで勉強のベースに使ってみたいのがPWA Starter Kitです。PWAに関する要素が盛り込まれたテンプレートです。

PWA Starter Kitの使い方

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

カウンター。これは再読み込みすると消えてしまいます。

ショッピングカート。

マニフェストファイルもきちんと設定されています。

PWA Starter KitではPWAとして必要になる要素(レスポンシブ、SPA、アプリマニフェスト)などの要素が盛り込まれています。Service Workerはファイルが用意されていますが中身はないようです。PWA Starter Kitを使ってPWAに必要な技術を学び、試してみるのは良さそうです。

PWA Starter KitはJavaScript製のオープンソース・ソフトウェア(BSD)です。

PWA Starter Kit Polymer/pwa-starter-kit: Starter templates for building full-featured Progressive Web Apps from web components.