最短・最速で学ぶ Firebase Hosting + React Todoアプリ実装編 (React Hooks)
4.1 (39 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
288 students enrolled

最短・最速で学ぶ Firebase Hosting + React Todoアプリ実装編 (React Hooks)

話題のFirebaseを使ってWebアプリケーションを公開しよう & Todoリスト実装 with (React, React Hooks, ContextAPI, Function Component)
Bestseller
4.1 (39 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
288 students enrolled
Created by @Daiz Academy
Last updated 4/2020
Japanese
Current price: $139.99 Original price: $199.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 1 hour on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Firebaseでのホスティングの仕方
  • Reactアプリケーションの公開方法
  • Nodeのインストール
  • Reactを使ったTodoリスト作成
  • React Hooks + ContextAPIを使ったグローバルステート管理
Course content
Expand all 12 lectures 59:54
+ Firebase Hostingを学ぶ
3 lectures 08:35

nodeJSをインストールします。

Preview 01:23

Reactアプリを作成します。

Preview 02:01

ReactアプリケーションをFirebaseへデプロイしホスティングします。

第4回 FIrebaseへデプロイ
05:11
+ Todoリストの作成
6 lectures 30:30

ReactにBootstrapをインストールします。

第6回 Bootstrapのインストール
01:51

Todoリスト追加のフォームを作成します。

Preview 08:34

リスト表示と削除ボタンを追加

第8回 リスト表示 + 削除ボタンの追加
09:21

完了・未完了ステータス変更処理の追加

第9回 完了・未完了 変更処理の追加
07:29
第10回 Firebaseへデプロイ
02:44
+ グローバルステート管理
2 lectures 19:47
第11回 Todoリスト コンポーネント化
08:29
第12回 ContextAPIを使ったグローバルステート管理
11:18
Requirements
  • 特に無し
Description


News: React Hooks + ContextAPIを使ったグローバルステート管理のレクチャーを追加しました。

今回のコースでは、Firebaseを使ってReactアプリケーションをデプロイし

公開することをゴールとしています。

そして、Firebaseホスティングについて学んだ後、

実際に、最新のReact開発手法である functionコンポーネントとReact Hooks + ContextAPIを使って
Todoリストを作成・公開します。
本講義では、ローカルステートを利用した開発方法を学んだ後、React16.8より導入されたuseContextとContextAPIを使用してRedux無しでのグローバルステート管理についても学んでいきます。

このコースを受講後には、バックエンドやインフラの知識がなくても

Reactで作成したwebサイトやwebアプリケーションを10分以内で公開できるようになります。

Firebaseとはgoogleが提供するBaaSサービスになります。

このBaaSとはBackend as a serviceの略称で

バックエンドの機能を提供してくれるサービスになります。

例えば、Facebookやgoogleでの認証処理であったり、

チャットアプリのようにリアルタイムでのデータのやり取りなど

様々なサービスを提供してくれています。

とても便利なサービスなので一緒に学習し活用していきましょう!


Who this course is for:
  • Firebaseに関心のある方
  • 無料でWEBサイトを公開したい方
  • Reactに関心のある方