コース概要

導入

  • ウェブとモバイルの融合

プログレッシブ Web アプリを開発する理由

  • 速度とパフォーマンス (Web サイトとの比較)
  • 安全
  • オフライン機能
  • プッシュ通知
  • 直帰率の向上
  • アプリのような操作感と機能性
  • App Storeのバイパス

ウェブサイトを有効にする

  • 安全なHTTPS接続
  • JSONマニフェスト
  • サービスワーカー

初めてのプログレッシブ Web アプリ (PWA) を構築する

Service Worker を使用してアプリをオフラインで動作できるようにする

  • データのキャッシュ
  • プッシュ通知の配信
  • コンテンツの更新
  • データ操作

イベントリスナーとコマンド

  • オンライン/オフラインのステータスに応じてネットワーク要求への応答をカスタマイズする
  • データの永続性とメッセージング
  • Accessing Cache API、Fetch API、IndexedDB API、postMessage() など。
  • 通知 API によるユーザー エンゲージメントの向上

アプリケーションでキャッシュされたアセットを使用する

Web アプリマニフェストの構成

  • ホーム画面にアプリを追加する

アプリケーションシェルのアーキテクチャ

UIに関する考慮事項

  • 使いやすさ
  • ローカリゼーション

PWA のトラブルシューティング

PWA を App Store に導入する

要約と結論

要求

  • HTML、CSS、オブジェクト指向JavaScript。
  • モバイルデバイス
  • モバイルデバイス上でGoogle Chromeを実行できること

観客

  • ウェブ開発者
  • アプリ開発者
  14 時間
 

参加者の人数


開始

完了


Dates are subject to availability and take place between 10:00 and 17:00.
Open Training Courses require 5+ participants.

お客様の声 (3)

関連コース

Reactive Programming with Angular RxJS

  14 時間

Jekyll for Web Designers and Content Writers

  14 時間

Developing Web Applications with Visual Studio Code

  7 時間