コース概要

導入

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

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

  • 速度とパフォーマンス(ウェブサイトとの比較)
  • セキュリティ
  • オフライン機能
  • プッシュ通知
  • 離脱率の改善
  • アプリのような使い心地と機能性
  • アプリストアを経由せずに展開可能

ウェブサイトの有効化

  • セキュアなHTTPS接続
  • JSONマニフェスト
  • サービスワーカー

初めてのプログレッシブ・ウェブ・アプリ(PWA)の構築

サービスワーカーを使用してアプリをオフラインで動作させる

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

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

  • オンライン/オフライン状態に応じたネットワーク要求への応答のカスタマイズ
  • データ永続化とメッセージング
  • Cache API、Fetch API、IndexedDB API、postMessage() などへのアクセス
  • Notification APIを活用してユーザーエンゲージメントを向上させる

アプリケーションでのキャッシュ資産の使用

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

  • ホーム画面へのアプリ追加

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

UIに関する考慮事項

  • ユーザビリティ
  • ローカライズ

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

PWAをアプリストアに展開する

まとめと結論

要求

  • HTML、CSS、およびオブジェクト指向のJavaScript。
  • モバイルデバイス。
  • モバイルデバイスでGoogle Chromeを実行する能力。

対象者

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

参加者の人数


参加者1人あたりの価格

お客様の声 (5)

今後のコース

関連カテゴリー