React + Firebase フルスタック開発 - Firebase Firestore データモデリング

Name: React + Firebase フルスタック開発 - Firebase Firestore データモデリング
Price: 71500 KRW
Rating: 4.6 (8 reviews)

この講義を通して、FirebaseでDBの関係を実装する方法を学びます。迅速にReactフルスタック開発者になることができます。雇用が不安定な今、この時代には新しい技術を学び、自身の価値を高める必要があります。そして何かを作り出さなければなりません。そのサイドプロジェクトやアイデアを実装する際に、データの「関係」を実装できるようになる必要があります。この講義は、Firebaseの「Firestore」で「関係」を実装できるようにお手伝いします。

（4.6）受講レビュー 8件

受講生 35名

難易度初級

受講期間 無制限

brightcoding

Firebase

React

firestore

database-modeling

react-fullstack

Firebase

React

firestore

database-modeling

react-fullstack

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

4.6

5.0

김종원

27% 受講後に作成

新しく、実り多い内容で、多くの助けと道標になります！

5.0

남윤호

84% 受講後に作成

講義とても分かりやすく、良いですね。フルスタックを準備されている方々にとって、基準となる講義になるのではないでしょうか。

5.0

yong821209

31% 受講後に作成

本当に有益な講義です！

受講後に得られること

Firebase Firestore データモデリングの基礎を学ぶ
Firebase Firestoreの特性を学び、応用まで
FirestoreでOne To One、One To Many、Many To Manyを実装する
シンプルサービス：VanillaJS + Firebase で非正規化（Denormalization）実装
SNSサービス：React + Firebaseで正規化（Normalization）を実装
React の基礎 + 必要に応じて部分的な JS 学習
Firebase Authentication、Storage
Vite(+Vanilla +React) / React Router
比較的短期間でフルスタック開発者になる

今通っている会社...
満足してますか？

50歳を超えるまで...
安定した職場生活が可能でしょうか？

会社があなたの人生
安定した支えにはなりません。

景気後退により多くのスタートアップが台無しになり、
開発者が市場にたくさん出てきました。
企業は勧告辞職、整理解雇、希望退職、
構造調整を始めました。
会社は定年を保証することもなく、
あなたは責任を負いません。
今後ますます増えていきますが、
状況が悪化し続けているようです。

Q. 他の言語開発者なのに受講してもいいですか？

html / cssはコピー貼り付けるので、html / cssは少しでも知っておく必要があります。
データタイプ、IFステートメント、オブジェクト、配列、関数について理解する必要があります。
しかし、講座で進行する反復分（forEach/map）、DOM操作、三項演算子、オプショナルチェイン、非同期処理はすべてスライド理論を説明します。そして実習に入ります。
当然リアクト基礎理論/文法も詳しく説明します。

Q. Node.js エコシステムが慣れていませんが、受講してもいいですか？

node.jsをインストールし、> npmを介してライブラリ/フレームワークをインストールし、>実行する知識が必要です。もし分からない場合は、別の入門講座をお聞きください。
スライド、コピー/貼り付けのコードをお送りしますが…もしかしたらわからないので、 node_modulesを含む完全なコードを通じます。

こんな方に
おすすめです

学習対象は
誰でしょう？

新しい技術を習得して競争力を持ちたい開発者
フルスタックエンジニアにいち早く成長したい場合
フロントエンドエンジニアが、急遽データベースを扱わなければならない場合
バックエンドエンジニアだけど、React(js)とFirebaseの知識を দ্রুতく習得したい時
Flutter、Kotlin、Swift開発者でFirebaseの知識を দ্রুতく 습得したい方

前提知識、
必要でしょうか？

HTML、CSSの基礎知識（コードを見て理解できればOK）
HTML、CSSはコピー＆ペーストします。
JavaScriptの基本知識（if文、オブジェクト、配列、関数は知っておく必要があります。）
Reactを学ぶ上で必要なJSの知識は、部分的に説明します。

こんにちは
です。

受講生

受講レビュー

回答

4.6

講座評価

講座

はじめまして。

会社でソフトウェア技術を活用し、楽しく開発をしている者です。

これからはAIの発展とともに、Solopreneur（ソロプレナー）が主流になる時代がすぐに来ると確信しています。

そのヘゲモニーが移動する流れに乗り、質の高い講義をリリースすることで、大きな助けになりたいと考えています。

カリキュラム

全体

62件 ∙ (9時間 59分)

講座資料（こうぎしりょう）:

授業資料

セクション 1．[Section 0] 講座紹介と理論基礎

5件 ∙ (24分)

セクション 2．「セクション1」バニラJavaScript + Firebase

14件 ∙ (1時間 54分)

セクション 3．[セクション2] Firebase Firestore データモデリング基礎

9件 ∙ (1時間 10分)

20. 1. Firestore vs リレーショナルデータベース比較
02:09
21. 2. エンティティ(Entity), 属性(Attribute), 関係/Key
02:22
22. ３．ファイアストア関係実装のための基礎－データ型
05:02
23. 4. Firestore 関係実装のための基本 - 参照保存
10:58
24. 5. Firestore 関係実装のための基本 - 自動付与ID
12:25
25. 6. Firestore における関係実装の基本 - サブコレクション
02:57
26. 7. Firestore で One To Many 実装
09:57
27. 8. Firestore で One To One 実装
03:38
28. 9. ファイアストアで Many To Many 実装
21:12

セクション 4．[セクション 3] リアクト + ファイアベース - パート 1

17件 ∙ (3時間 1分)

セクション 5．[セクション 3] React + Firebase - Part 2

16件 ∙ (3時間 28分)

セクション 6．追加および補充

1件

講座掲載日:

最終更新日:

受講レビュー

全体

8件

4.6

8件の受講レビュー

jwscsg9447
受講レビュー 1
∙
平均評価 5.0
修正済み
5
27% 受講後に作成
新しく、実り多い内容で、多くの助けと道標になります！
- brightcoding
  知識共有者
  お役に立てて、とても嬉しいです^^
sj124h8091
受講レビュー 2
∙
平均評価 5.0
5
31% 受講後に作成
- brightcoding
  知識共有者
  ありがとうございます~~
favoryouknow4403
受講レビュー 1
∙
平均評価 5.0
5
84% 受講後に作成
講義とても分かりやすく、良いですね。フルスタックを準備されている方々にとって、基準となる講義になるのではないでしょうか。
- brightcoding
  知識共有者
  はい、ありがとうございます^^
kgill7307
受講レビュー 5
∙
平均評価 5.0
5
31% 受講後に作成
- brightcoding
  知識共有者
  星5つありがとうございます。お疲れ様でした~~
airking4154
受講レビュー 5
∙
平均評価 4.8
4
31% 受講後に作成
- brightcoding
  知識共有者
  ありがとうございます^^

￥8,730

似ている講座

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

React & FastAPIで作る投票コミュニティプラットフォーム：決済システムで収益化まで！

dakgangjung123

この講座ではReactとFastAPIを活用して、リアルタイム投票、コメント、いいね！などのソーシャル機能はもちろん、決済システム（カカオペイ、トスペイなど）を連携して収益化する方法まで段階的に実習します。

Intermediate

React, MySQL, Docker

React & FastAPIで作る投票コミュニティプラットフォーム：決済システムで収益化まで！

dakgangjung123

実践AI SaaS フルスタック開発：ビデオチャットアプリを作る

antonio

リアルタイムAIエージェント、会議内容の要約、そして通話後機能を備えたAIベースのビデオ会議アプリケーションを作ります。

Basic

React, Next.js, TailwindCSS

実践AI SaaS フルスタック開発：ビデオチャットアプリを作る

antonio

SpringBoot & React ポートフォリオプロジェクト: AWSサービスで実戦デプロイ入門

ehtjd339667

ReactフロントエンドとSpringBootバックエンドをAWSクラウドに直接デプロイするポートフォリオ中心の講座！素早く自分のポートフォリオにフロント、バックエンドプロジェクトをデプロイしたい方に役立つ講座です！デプロイに必要な知識を、サーバー設定からDocker、Domain接続、Nginx、HTTPS適用まで段階別に短期間で実習できるようになります！

Basic

React, Java, AWS

SpringBoot & React ポートフォリオプロジェクト: AWSサービスで実戦デプロイ入門

ehtjd339667

(2025) MBTIテストに基づいた収益型ウェブサイト構築 - 「コーディングを学んで事業を始めよう」

cobaetoo

Reactで広告収入型ウェブサイトを作ってみましょう。広告を最適化し、サーバー費用を削減する方法や、規模に応じたサイト運営のTipsまで学べます。

Basic

React, AWS, cloudflare

(2025) MBTIテストに基づいた収益型ウェブサイト構築 - 「コーディングを学んで事業を始めよう」

cobaetoo

フォローして学ぶノード、リアクトシリーズ - チャットボットサイトを作る

John Ahn

このレッスンでは、Googleが提供するAPIを使用してチャットボットを作成できます。

Basic

Node.js, React

フォローして学ぶノード、リアクトシリーズ - チャットボットサイトを作る

John Ahn

ティンダーファイアベースクローン|リアクトネイティブ

The Coders Studios

最小限の時間内にリアクトネイティブを学ぶことができます。不要な部分は入れませんでした。

Intermediate

React Native, Firebase

ティンダーファイアベースクローン|リアクトネイティブ

The Coders Studios

React + SpringAIで作る安全申聞鼓（安全通報）AI通報サービス開発

Neo

React + SpringAIで作る「安全新聞庫」AI通報サービス開発 Neo + Essential 5番目のプロジェクト講義は、政府システム改善アイデア「安全新聞庫」通報システムの構築です！

Beginner

React, Spring Boot, AI

React + SpringAIで作る安全申聞鼓（安全通報）AI通報サービス開発

Neo

iOS/Android アプリ開発のための本番 React Native - Intermediate

Wintho

React Nativeベースのモバイルアプリ開発のための中級講義です。フロントエンドの深化内容学習だけでなく、Firebaseベースのバックエンド内容まで一緒に学びながら、サーバー連動/ログイン/データ送受信/公共API活用などが可能な一つの完璧なアプリを開発できるように作られた講義です。

Intermediate

React Native, Redux, Firebase

iOS/Android アプリ開発のための本番 React Native - Intermediate

Wintho

Reactマスタークラス: Part 2 - ミッションで完成させる高性能フックと実践アーキテクチャ

nhcodingstudio

実務は過酷です。数万件のリアルタイムデータが押し寄せる極限の環境でも、スムーズなユーザー体験を設計する私の最適化のエッセンスを、緻密なミッションシステムを通じて完璧に伝授いたします。単にコードを書く人を超えて、エンジンの原理でパフォーマンスを解剖する代替不可能なシニアエンジニアへと飛躍してみてください。

Basic

React

Reactマスタークラス: Part 2 - ミッションで完成させる高性能フックと実践アーキテクチャ

nhcodingstudio

Vue 3 & Firebase 10 コミュニティ作成フルスタック - 「活用編」 (with Pinia、Quasar、Tiptap、VueUse)

gymcoding

Vue3＆amp; Firebase(v10)を活用してコミュニティを作る講義でVue3実践活用法、Firebase基礎から実戦、最新のWeb技術活用法、知識共有者経験共有など多様な方面で開発者として一段階成長できるようにします！

Intermediate

Vue.js, Firebase, Quasar

Vue 3 & Firebase 10 コミュニティ作成フルスタック - 「活用編」 (with Pinia、Quasar、Tiptap、VueUse)

gymcoding

ゼロベースから学ぶウェブ開発の概念とバイブコーディング

jeyong

迅速な実行と検証の時代、Vibeコーディングで誰よりも速く実行しましょう！広告、決済など収益化まで漏らさずに自分の手で実現してみましょう。

Beginner

React, Web Application, Next.js

ゼロベースから学ぶウェブ開発の概念とバイブコーディング

jeyong

簡単に学ぶReactデザインパターン

mjang69888231

Reactの核心的なデザインパターンを概念と例題で素早く身につけましょう！

Basic

React, TypeScript, Design Pattern

簡単に学ぶReactデザインパターン

mjang69888231

[2021]最近誰が有料でウェブサービスを構築するのか、ファイアベースのすべて - Javascript

David

2021年に新しく戻ってきた、＆quot;最近、誰が有料でWebサービスを構築していますが、Firebaseのすべて - JavaScript＆quot;講義！ 1人創業を夢見る初級開発者のためのバイブルになります。

Basic

Firebase

[2021]最近誰が有料でウェブサービスを構築するのか、ファイアベースのすべて - Javascript

David

Flutter + FirebaseでNetflix UIクローンをコーディングする[ランダムフラッター]

taebbong

このレッスンは、FlutterとFirebaseでNetflix UIをクローンコーディングするレッスンです！最も速くアプリ開発を学ぶためのFlutterを始めましょう:)

Basic

Flutter, Clone Coding, Firebase

Flutter + FirebaseでNetflix UIクローンをコーディングする[ランダムフラッター]

taebbong

Ionic3+Firebaseを使用したEmail/Passwordユーザー認証

killkch0331

Ionic 3 + firebaseを使用したEメール/パスワードユーザー認証の作成コース

Basic

IONIC, Firebase

Ionic3+Firebaseを使用したEmail/Passwordユーザー認証

killkch0331

TypeScript Korea：React with TypeScriptセミナー

woongjae

タイプスクリプトとリアクト関連講座です。

Intermediate

React, TypeScript

TypeScript Korea：React with TypeScriptセミナー

woongjae

非専攻者でも可能な超簡単グループチャット作り（バイブコーディング、Cursor AI）

teracokr

この講義をすべて受講し、応用すれば皆さんだけのサイト、アプリを作ることができます。この講義はCursor AIを利用して、私たち家族だけのためのグループチャットルームをWebサイトとして作成しながら、コーディングの流れを自然に習得するバイブコーディング入門講義です。App開発者アカウントやMacBookなしで、Windows環境だけでも開発を知らなくても誰でも簡単に真似することができ、実際のWebサイトとして配布する方法も学びます。

Beginner

Firebase, Next.js, vercel

非専攻者でも可能な超簡単グループチャット作り（バイブコーディング、Cursor AI）

teracokr

[VOD] 6週間完成！開発実務のための高濃縮バイブコーディング (Cursor AI, Figma)

codecamp

10分で바이브코딩で作れる単純なサービスはもう捨てましょう！ '本当の'実務適用바이브코딩を学ぶことができます。企画とデザイン通りに実サービスレベルの高度化されたサービスをカーソルAI NCOPで作ってみましょう。 No Code, Only Prompt

Intermediate

React, Next.js, cursor

[VOD] 6週間完成！開発実務のための高濃縮バイブコーディング (Cursor AI, Figma)

codecamp

Next.js つけ麺フルコース (英語音声 & 韓国語字幕)

ludgi

Next.jsフルコースをディップして食べよう！ GraphQL、Redis、RabbitMQ、Prisma、TailwindCSS、Docker Compose、Cypress、Prometheus、Grafanaなど、最新技術で実践プロジェクトを完成させ、App RouterとPage Routerの両方を経験できます。

Intermediate

Next.js, React, GraphQL

Next.js つけ麺フルコース (英語音声 & 韓国語字幕)

ludgi

# [Electron #1] ElectronとReactで作るタイマーアプリ（With Zustand）

dakgangjung123

React, Electron, Zustandを活用しタイマーアプリを直接制作、クロスプラットフォーム（Windows、macOS、Linux）へデプロイまで行う実践講義です。慣れ親しんだReactウェブ開発を皮切りに、Zustandを通じたグローバル状態管理と最終的なGUIデプロイまで、デスクトップアプリ開発の全体的な流れを学ぶことができます！

Basic

React, Electron, GUI

# [Electron #1] ElectronとReactで作るタイマーアプリ（With Zustand）

dakgangjung123

React + Firebase フルスタック開発 - Firebase Firestore データモデリング

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

4.6

受講後に得られること

今通っている会社...
満足してますか？

50歳を超えるまで...
安定した職場生活が可能でしょうか？

会社があなたの人生
安定した支えにはなりません。

自分の未来は自分自身が準備しなければなりません。

頑張りながら新しいスキルを学び準備することです！

データの関係が必要です。

こんな方におすすめです

リアクト＋ファイアベース受講後は

この講義の特徴

1. 講義受講時にCSSフレームワークを学ぶと大変でしたか？

2. 講義ごとに理論を説明するスライドさせていただきます。

3.理論はスライドを通してできるだけ詳しく説明します

Firestoreを学ぶことになって、損をすることはありません。

このようなことを学びます。

講座で使用する技術

質問がありますか？

受講前の注意

練習環境

学習資料 - 簡単に利用可能

こんな方に
おすすめです

こんにちは
です。

カリキュラム

受講レビュー

似ている講座

React + Firebase フルスタック開発 - Firebase Firestore データモデリング

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

4.6

受講後に得られること

今通っている会社...満足してますか？ 50歳を超えるまで...安定した職場生活が可能でしょうか？会社があなたの人生安定した支えにはなりません。

自分の未来は自分自身が準備しなければなりません。

頑張りながら新しいスキルを学び準備することです！

データの関係が必要です。

こんな方におすすめです

リアクト＋ファイアベース受講後は

この講義の特徴

1. 講義受講時にCSSフレームワークを学ぶと大変でしたか？

2. 講義ごとに理論を説明するスライドさせていただきます。

3.理論はスライドを通してできるだけ詳しく説明します

Firestoreを学ぶことになって、損をすることはありません。

このようなことを学びます。

講座で使用する技術

質問がありますか？

受講前の注意

練習環境

学習資料 - 簡単に利用可能

こんな方に おすすめです

こんにちは .css-1q3zd4q{text-decoration-line:underline;text-underline-position:under;text-underline-offset:1px;}です。

カリキュラム

受講レビュー

似ている講座

今通っている会社...
満足してますか？

50歳を超えるまで...
安定した職場生活が可能でしょうか？

会社があなたの人生
安定した支えにはなりません。

こんな方に
おすすめです

こんにちは
です。