강의

멘토링

커뮤니티

Programming

/

Web Development

Ionic PWA(プログレッシブウェブアプリ)の作成

IONIC hybrid frameworkとFIREBASEを使って、最近の問題となっているPWA(Progressive Web app)を実装してみます。

難易度 中級以上

受講期間 無制限

  • killkch0331
IONIC
IONIC
PWA
PWA
IONIC
IONIC
PWA
PWA

学習した受講者のレビュー

学習した受講者のレビュー

5.0

5.0

이학종

100% 受講後に作成

ionicとPWAについて理解しやすく説明しました... PWAの概念とイオニックへのアクセスを理解しやすく説明しました。 ionicに興味がありますが、他のコースもたくさん出てくることを楽しみにしています。 ありがとうございます。

5.0

천주성

100% 受講後に作成

JavaScriptではなくタイプスクリプトで書くアイオニックが楽です。 講義が機能開発単位になっていて、他のものを開発する際にモジュール単位で使えると思います。 講義ありがとうございます〜

5.0

박응신

100% 受講後に作成

コースはとてもよく聞きました 実用的なコースでアイオニックについてよく学んだようです。 IOSのAndroidが面倒だったので、おかげで解決したと思います^^ ああ!受講しようとする方は、講師様講座中アイオニックメール認証講義を(無料)先に聞いていただくと はるかに良いと思います。

FirebaseとService-Workerを使用したIonic PWAの作成

アイオニック3とファイアベースを使って、最近の問題となっているPWA(Progressive Web app)を実装してみます。実際のWebアプリを実装しながら、今後進化するPWAの概念を確立しましょう。

PWAとは?

モバイルウェブとアプリの両方のメリットを取りたい「アプリのようなウェブ」です。 PWAは、サービスワーカーと呼ばれる新しいAPIを活用して、Webアプリの重要な部分をキャッシュし、すぐに読み込みを可能にします。だからモバイルウェブですが、プッシュ通知も送信できます。 (参考) https://developers.google.com/web/progressive-web-apps/

PWAの実装をサポートするさまざまなフレームワークがありますが、Web / App Componentを使用して実行可能なservice-workerを組み込んでおり、さまざまな内部/外部APIを使用できるアイオニックフレームワークがPWAを実装するのに最も適していると思います。現在、これを利用した多様なPWA関連プロジャクトが進んでいます。 *Ionicではまだ初期バージョンですが、独自に開発したPWA-toolkitを提供しています。

役に立つ方

  • ハイブリッドアプリを開発したい方
  • PWAを開発したい方
  • イオニックに初めて触れる初心者

講義の特徴

main feature

ionic 3 Firebase realtime Database CRUD/indexing Firebase Auth web push message Moment.js IOS/Android Building Modal ActionSheet infinite scroll Time Stemp response grid

開発環境

cli packages: (/usr/local/lib/node_modules) @ionic/cli-utils : 1.19.0 ionic (Ionic CLI) : 3.19.0 global packages: cordova (Cordova CLI) : 7.1.0 local packages: @ionic/doo. 6.3.0 Ionic Framework: ionic-angular 3.9.2 System: ios-deploy: 1.9.2 Node: v8.6.0 npm: 5.5.1 OS: macOS High Sierra Xcode: Xcode 9.2 Build version 9C40b

知識共有者の紹介

キム・チョルヒョン

SDS LGAdシンマニー(検索エンジン)Mnet Media(現CJ E&M)を経て現在フリーランサー/コンサルタントとして活動中

こんにちは
です。

2,073

受講生

46

受講レビュー

25

回答

4.9

講座評価

3

講座

カリキュラム

全体

27件 ∙ (5時間 3分)

講座掲載日: 
最終更新日: 

受講レビュー

全体

3件

5.0

3件の受講レビュー

  • hakjong0634님의 프로필 이미지
    hakjong0634

    受講レビュー 1

    平均評価 5.0

    5

    100% 受講後に作成

    ionicとPWAについて理解しやすく説明しました... PWAの概念とイオニックへのアクセスを理解しやすく説明しました。 ionicに興味がありますが、他のコースもたくさん出てくることを楽しみにしています。 ありがとうございます。

    • cjswntjd0134님의 프로필 이미지
      cjswntjd0134

      受講レビュー 17

      平均評価 5.0

      5

      100% 受講後に作成

      JavaScriptではなくタイプスクリプトで書くアイオニックが楽です。 講義が機能開発単位になっていて、他のものを開発する際にモジュール単位で使えると思います。 講義ありがとうございます〜

      • jingetta32850님의 프로필 이미지
        jingetta32850

        受講レビュー 2

        平均評価 5.0

        5

        100% 受講後に作成

        コースはとてもよく聞きました 実用的なコースでアイオニックについてよく学んだようです。 IOSのAndroidが面倒だったので、おかげで解決したと思います^^ ああ!受講しようとする方は、講師様講座中アイオニックメール認証講義を(無料)先に聞いていただくと はるかに良いと思います。

        killkch0331の他の講座

        知識共有者の他の講座を見てみましょう!

        似ている講座

        同じ分野の他の講座を見てみましょう!