Udemy

Platform

日本語

Language

Mobile Apps

Category

初心者がReactとfirebaseで作るモバイル対応PWAアプリケーション

モダンJavaScriptとfirebaseを組み合わせて、コストをかけずに自分のスマホアプリを運用するためのコース

4.14 (7 reviews)

Students

4 hours

Content

Jul 2021

Last Update
Regular Price

BLUE HOST
Blue Host
Fast, easy, and secure WordPress hosting in minutes + 1 free domain name
65%OFF : $2.95/month

What you will learn

JavaScript(React)を使ったPWAアプリケーションの開発方法

firebaseのfirestoreを使ってデータを管理する方法

ReactHooksの基礎

モダンJavaScriptの基礎


Description

このコースでは以下のようなモバイル対応PWAをReactとfirebaseで開発します。


まずはReactの学習を始め、作成したToDoアプリケーションをPWA化していきます。


PWAを使うと、1つのソースコードでWebアプリとスマートフォンアプリを同時に作成することができます。




■ 学べること

  • Reactを使ったアプリの開発方法

  • React Hooksを使ったシングルページアプリケーションの開発

  • Firebaseを使ったユーザー認証機能

  • Firebaseを使ったデータ管理(firestore)

  • Firebaseを使ったアプリのホスティング(サーバーの替わり)

  • Reactを使ってPWAを作成する方法

  • PWAのオフライン動作対応


Screenshots

初心者がReactとfirebaseで作るモバイル対応PWAアプリケーション
初心者がReactとfirebaseで作るモバイル対応PWAアプリケーション
初心者がReactとfirebaseで作るモバイル対応PWAアプリケーション
初心者がReactとfirebaseで作るモバイル対応PWAアプリケーション

Content

まずはじめに

コースの概要と目標物の紹介

PWAとは?

Reactとは?

開発準備

npmとは?

node.jsとnpmの導入(Windows)

node.jsとnpmの導入(Mac)

firebaseとは?

firebaseの準備

reactのインストール(Windows)

reactのインストール(Mac)

おすすめエディタの紹介

ログイン機能の実装

firebaseの設定(ログイン機能)

envファイルの設置

firebase用JavaScriptファイルの作成

React Hooksの解説

ヘッダーコンポーネントの作成

補足:コンポーネント指向について

Googleログイン関数の作成とヘッダーからの呼び出し

補足:変数宣言のconstとletについて

AuthContextの利用

ログアウト機能の作成

ToDo機能の実装

firestoreとは?

firestoreの設定

Dashboadコンポーネントの作成

非同期処理とPromise

ToDoの追加機能

useEffectによるデータ取得

ToDo一覧をレンダリング

TODOの削除機能

ToDoの完了機能について

デザイン・UIの実装

materialUIの導入

ヘッダーコンポーネントにmaterialUIを適用

フッターコンポーネントの作成

ToDo追加フォームにmaterialUIを導入

ToDoListコンポーネントにmaterialUIを適用

TODOの完了機能

PWA化

Firebaseへのデプロイ

PWA化のための設定とスマートフォンでの使い方

オフライン対応

ボーナスレクチャー

おすすめの追加機能

ボーナスレクチャー


4052858

Udemy ID

5/16/2021

Course created date

6/12/2021

Course Indexed date
Bot
Course Submitted by