6 部構成の新しいトレーニングで、プログレッシブ ウェブアプリを使ってみましょう。新しい Codelab が含まれています。
4 年以上前に PWA トレーニング セットをリリースして以来、プログレッシブ ウェブアプリの世界は大きく変化しました。CSS グリッドによる広範な実装の実現、パソコンでの PWA の導入、機能プロジェクトではデバイス統合に焦点を当てた 25 以上の新しい API がリリースされ、完全にウェブで構築できるまったく新しいアプリ セグメントが開かれました。本日は、新しく更新された PWA トレーニングの第 1 弾を公開します。あらゆるデバイスに対応した、信頼性が高くインストール可能で高機能なプログレッシブ ウェブアプリを作成する方法を学べます。
現在のバージョンのトレーニングは 6 枚のスライドに分かれており、自分から学ぶことも、他の受講者に教えることもできます。できます。
- プログレッシブ ウェブアプリの概要
- PWA のための強固な基盤の構築
- ウェブアプリの信頼性を高める
- ウェブアプリをインストールできるようにする
- ウェブアプリへの高度な機能の追加
- 高度なウェブアプリ アーキテクチャの採用
この新しい資料に加えて、8 つの新しい Codelab では、スライドで学んだコンセプトを活かして、ウェブアプリをデバイスとの緊密な統合を備えたプログレッシブ ウェブアプリに変える方法を紹介します。任意の Codelab にアクセスして個別に取り組むことも、順番に進めることもできます。できます。
- オフラインへの移行 - オフラインでコンテンツをキャッシュして提供する Service Worker の作成方法
- Workbox の操作 - Workbox を使用して Service Worker を作成する
- IndexedDB - IndexedDB を使用したデータの保存と取得
- Tab キーでタスクバーに移動 - ウェブアプリをインストール可能にする、アプリのショートカットを提供する
- インストールのプロンプトと測定 - アプリ内インストールのプロンプトを追加し、成功の追跡をどこに配置するか
- PWA の強化 - 高度な機能の追加(ローカル ファイル システムへのアクセス、ファイル ハンドラとしての登録など)
- Service Worker の内容 - ストリーミング Service Worker のレスポンスを動的に生成
- Worker の操作 - ウェブ ワーカーを使用してメインスレッドから作業をオフロードする
今後数か月のうちに、スライド資料の内容を、更新しやすい使いやすい形式に変換する予定です。これにより、Google はコンテンツを常に最新の状態に保つことが容易になります。コンテンツの更新を 4 年間待つ必要はありません。このスペースをお待ちください。ウェブアプリの未来はとてもエキサイティングです。これからどのように構築すればよいかを皆様にお伝えできることを楽しみにしています。