Inflearn brand logo image
Inflearn brand logo image
Inflearn brand logo image
Programming

/

Web Development

アイオニックでオフラインファーストウェブ(offline first web)を作成

今回の講義では、現在PWA開発に最も最適化されているionicとCouchDBを使って簡単な登録簿Webを作成し、構築過程を通じてどのようにオフラインで動作可能であるかを説明します。

  • killkch0331
IONIC
PWA

こんなことが学べます

  • オフラインファーストウェブ開発

  • Ionic フレームワークの使い方

  • CouchDBとPouchDBを使用したデータ同期

  • サービスワーカーの設定と管理

  • リアルタイムデータ変更の検出とエラー処理

  • Lighthouseによる性能評価

Ionic + CouchDb + PouchDb = Offline first Webを作成

今回の講義では、現在PWA開発に最も最適化されているionicとCouchDBを使って簡単な登録簿Webを作成し、構築過程を通じてどのようにオフラインで動作可能であるかを説明します。 PWA(Progressive Web App)の概念は、Web開発の方法論として、今日の関心を集めています。 PWAの概念を構成する重要な要素の1つがnetwork dependencyです。つまり、ネットワークの状態に関係なくWebサービスを提供できる必要があるということですが、これらのサービスを可能にサポートすることがService-Workerとオフライン機能をサポートするデータベースです。

ionic projectがデフォルトで提供するService-Worker機能と、CouchDB、PouchDBが提供する自動同期機能を使用して、開発者はOfflineでもサービス可能な「offline first web」を作成できます。

main feature

  • ionic 3
  • CouchDB
  • PouchDB
  • Offline First Web
  • PWA

役に立つ方

  • PWA(Progressive Web App)の開発に興味のある開発者
  • イオニックに初めて触れる初心者
  • オフラインで利用可能なウェブを作成したい開発者
  • CouchDB、PouchDbに初めてアクセスする開発者

開発環境

  • cli packages: (/usr/local/lib/node_modules)
    • @ionic/cli-utils : 1.19.0 ionic (Ionic CLI) : 3.19.0
  • グローバルパッケージ:
    • cordova(Cordova CLI): 7.1.0
  • local packages:
    • @ionic/app-scripts: 3.1.4 Cordova Platforms: android 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)を経て現在フリーランサー/コンサルタントとして活動中

こんな方に
おすすめです

学習対象は
誰でしょう?

  • Web開発初心者

  • オフライン機能を必要とするWebアプリケーションを作成したい人

  • Ionicフレームワークに興味のある開発者

  • NoSQLデータベースを学びたい人

  • 実習中心の学習を好む人

こんにちは
です。

2,065

受講生

44

受講レビュー

25

回答

4.9

講座評価

3

講座

カリキュラム

全体

14件 ∙ (2時間 30分)

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

受講レビュー

全体

1件

5.0

1件の受講レビュー

  • MVoth님의 프로필 이미지
    MVoth

    受講レビュー 1

    平均評価 5.0

    5

    100% 受講後に作成

    좋은 강의 감사합니다 .

    ¥2,669

    killkch0331の他の講座

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

    似ている講座

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