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