新しい 6 部構成のトレーニングでプログレッシブ ウェブアプリの開発を始めましょう。新しい Codelab も用意されています。
4 年以上前に PWA トレーニングの最後のセットをリリースして以来、プログレッシブ ウェブアプリの世界は大きく変わりました。CSS グリッドが広く実装され、PWA がデスクトップに登場しました。また、機能プロジェクトでは、デバイス統合に重点を置いた 25 を超える新しい API がリリースされ、ウェブ上で完全に構築できるまったく新しいアプリ セグメントが開拓されました。このたび、新たに更新された PWA トレーニングの第 1 回を公開します。このトレーニングでは、すべてのデバイス向けに信頼性が高く、インストール可能で、優れたプログレッシブ ウェブアプリを構築する方法を学習できます。
現在のバージョンのトレーニングは 6 つのスライド資料に分かれており、学習したり、他の人に教えたりすることができます。それらは次のとおりです。
- プログレッシブ ウェブアプリの概要
- PWA の堅固な基盤を構築する
- ウェブアプリの信頼性を高める
- ウェブアプリをインストール可能にする
- ウェブアプリに高度な機能を追加する
- 高度なウェブアプリ アーキテクチャの採用
この新しい資料に合わせて、8 つの新しい Codelab が用意されています。これらの Codelab では、スライド デッキで学んだコンセプトを使用して、ウェブアプリをデバイスと深く統合したプログレッシブ ウェブアプリに変換する方法が説明されています。任意の Codelab に飛んで個別に学習することも、順番に学習することもできます。それらは次のとおりです。
- オフラインにする - オフラインでコンテンツをキャッシュに保存して提供する Service Worker の作成の基本
- Workbox の使用 - Workbox を使用して Service Worker を作成する
- IndexedDB - IndexedDB を使用してデータを保存、取得する
- タブをタップしてタスクバーに移動 - ウェブアプリをインストール可能にしてアプリのショートカットを提供する
- インストール プロンプトとインストールの測定 - アプリ内インストール プロンプトの追加と、成功トラッキングを配置する場所
- PWA の強化 - ローカル ファイル システムへのアクセスやファイル ハンドラとしての登録など、高度な機能を追加する
- Service Worker Includes - ストリーミング サービス ワーカーのレスポンスを動的に生成する
- ワーカーの使用 - ウェブワーカーを使用してメインスレッドから処理をオフロードする
今後数か月の間に、スライド デッキのコンテンツを、より使いやすく更新しやすい形式に変換する予定です。これにより、コンテンツを最新の状態に保つことが容易になり、コンテンツの更新を 4 年待つ必要がなくなります。今後もこのページで最新情報をご確認ください。ウェブアプリの未来は明るく、その構築方法を学ぶことができます。