新しいプログレッシブ ウェブアプリのトレーニングが利用可能に

新しい 6 部構成のトレーニング（新しい Codelab を含む）で、プログレッシブ ウェブアプリを始めましょう。

Sam Richard

公開日: 2021 年 5 月 20 日

4 年以上前に PWA トレーニングの最新版をリリースして以来、プログレッシブ ウェブアプリの世界は大きく変化しました。

  • CSS Grid は広く実装されました。
  • PWA がパソコンに登場しました。
  • 機能プロジェクトでは、デバイス統合に焦点を当てた 25 以上の新しい API がリリースされました

これにより、ウェブ上で完全に構築できる新しいアプリ セグメントが利用可能になりました。このたび、すべてのデバイスに対応した信頼性の高いインストール可能な高性能のプログレッシブ ウェブアプリを構築する方法を学ぶことができる、新しく更新された PWA トレーニングの最初のイテレーションをリリースしました。

現在のバージョンのトレーニングは 6 つのスライド資料に分かれており、学習したり、他のユーザーに教えたりする準備が整っています。それらは次のとおりです。

この新しい教材に合わせて、スライドデッキ全体で説明したコンセプトを使用して、ウェブアプリをデバイスとの深い統合を備えたプログレッシブ ウェブアプリに変換する手順を説明する 8 つの新しい Codelab が用意されています。どの Codelab からでも始められます。個別に進めても、順番に進めてもかまいません。それらは次のとおりです。

  • オフラインにする - オフラインでコンテンツをキャッシュに保存して提供する Service Worker を作成する基本
  • Workbox の使用 - Workbox を使用して Service Worker を記述する
  • IndexedDB - IndexedDB を使用してデータを保存、取得する
  • Tab to Taskbar - ウェブアプリをインストール可能にし、アプリのショートカットを提供する
  • インストールを促して測定する - アプリ内インストール プロンプトの追加と、成功トラッキングの配置場所
  • PWA の強化 - ローカル ファイル システムへのアクセスやファイル ハンドラとしての登録など、高度な機能を追加
  • Service Worker Includes - ストリーミング サービス ワーカー レスポンスを動的に生成する
  • ワーカーの操作 - ウェブワーカーを使用してメインスレッドから作業をオフロードする

今後数か月以内に、スライドデッキのコンテンツを、より理解しやすく更新しやすい形式に変換する予定です。これにより、コンテンツを最新の状態に保つことが容易になるため、コンテンツのプッシュが 4 年も待たされることはなくなります。このスペースにご注目ください。ウェブアプリの未来は明るく、その構築方法を皆様にお伝えできることを嬉しく思います。