コース概要

イントロダクション

  • ネイティブアプリケーションとプログレッシブアプリケーションの比較

モバイル開発サイクルの概要

  • JavaScriptロジック、CSSテンプレート、HTMLテンプレート

ウェブがネイティブになる

  • クロスプラットフォーム 
  • 下位互換性
  • 機能の同等性

高度なプログレッシブウェブアプリとプッシュ通知

  • Push API
  • Notification API

開発環境の準備

  • TODOリストアプリケーションのコーディング
  • サイトドメインをSSL対応にする
  • 「高度なプログレッシブウェブアプリ」モジュールのインストール

高度なプログレッシブウェブアプリの設定

  • ウェブアプリケーションのプッシュ通知に関する設定を作成します。
  • 一貫したエクスペリエンスのためにプッシュ通知をスタイリングします。
  • ウェブアプリケーションをユーザーのホーム画面に追加します。

Service Workerを使用したオフライン利用

  • Cache APIへのアクセス
  • オンラインかオフラインかに応じてネットワークリクエストをカスタマイズします。

アプリケーションの展開

  • モバイルエミュレーターまたはモバイルデバイスでアプリケーションを実行します。

トラブルシューティング

  • ウェブアプリケーションは最新のWeb-pushライブラリバージョンでのみ動作する

まとめと結論

要求

  • HTML, CSS, およびオブジェクト指向のJavaScriptに関する経験
  • PWAについての理解

対象者

  • 開発者
 14 時間

参加者の人数


参加者1人あたりの価格

お客様の声 (1)

今後のコース

関連カテゴリー