PWAの主な技術要素として、以下がよく知られています。

これらを自分で作りながら体験するのも良いですが、ハンズオンとして体験できるコンテンツを作成しました。こちらであればドキュメントを読みながら、徐々に理解度を深められるはずです。なお資料のライセンスはMIT Licenseになります。

以下、ハンズオンコンテンツの紹介です。

内容について

資料は大きく分けて3部構成になります。第1章アプリの説明は共通です。

マニフェストファイルを用いたアプリ化を体験します。

あらかじめ作ってあるTodoアプリをオフライン化させます。

VAPIDプッシュ通知を用いてWebリモートプッシュを開発します。

各部は独立していますので、途中（第2部など）から体験も可能です。

ハンズオンについて

各ドキュメントは読めるように作ってあるので、自宅や仕事場で体験もできます。とはいえ仕事中に時間を確保して実施などは難しいかと思います。hifiveチームでは定期的にハンズオンイベントを開催していこうと考えていますので、ぜひご参加ください。案内はhifive - connpassで行っていきます。

また、イベントスペースを確保いただければ私たちがハンズオン講師として参加することも可能です（無料）。条件としては以下のようになります。

ハンズオン資料を体験してみて不明点があればIssues · hifivemania/pwa_handson_docsにて質問してください。

では良いPWAライフを！

PWAに関するコミュニティを立ち上げました！第一回目のイベントは2月20日です、PWAが気になる方はぜひご参加ください！