この講義を通して、FirebaseでDBの関係を実装する方法を学びます。迅速にReactフルスタック開発者になることができます。 雇用が不安定な今、この時代には新しい技術を学び、自身の価値を高める必要があります。そして何かを作り出さなければなりません。 そのサイドプロジェクトやアイデアを実装する際に、データの「関係」を実装できるようになる必要があります。この講義は、Firebaseの「Firestore」で「関係」を実装できるようにお手伝いします。
受講生 41名
難易度 初級
受講期間 無制限
学習した受講者のレビュー
5.0
김종원
新しく、実り多い内容で、多くの助けと道標になります！
5.0
남윤호
講義とても分かりやすく、良いですね。 フルスタックを準備されている方々にとって、基準となる講義になるのではないでしょうか。
5.0
yong821209
本当に有益な講義です！
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
比較的短期間でフルスタック開発者になる
景気後退により多くのスタートアップが台無しになり、
開発者が市場にたくさん出てきました。
企業は勧告辞職、整理解雇、希望退職、
構造調整を始めました。
会社は定年を保証することもなく、
あなたは責任を負いません。
今後ますます増えていきますが、
状況が悪化し続けているようです。
...今は
唯一の解決策は何ですか？
何かを作り、自分のアイデアを実装できること
独自のサイドプロジェクトを実施し、ポートフォリオを準備する必要があります
独自の新しい価値を実現できること
自分のアイデアを実際に実装するには？
サイドプロジェクトを進めるには？
直接サービスを作成するには？
ソフトウェアドメインの観点から>>ビジネスドメインの視点に行くには？
One To One, One To Many, Many To Many
この講座はFireStore database-modelingの基礎を学び、 > 関係を具現するようになり、
react-fullstack開発者になることができます。
フルスタック開発者になりたい方
VanillaJS + Firebaseの組み合わせ、 React + Firebaseの組み合わせ
学びます。
データ関係を扱いたい方
ファイアベース ファイアストアデータモデリングの基礎を学び、関係を実装することになります。
ファイアベースを学びたい方
リアクト/ビュー/フラッターに付けて出たファイアベースより、さらに基礎を固めることになります。
リアクト（js知識）とFirebaseデータモデリングの基礎を学びます。
No-SQLのファイアストア属性について学びます。 （基礎から応用まで）
One To One、One To Many、Many To Manyの関係を実装できるようになります。
簡単なSNSサービスを作成できるようになります。
ファイアベース ファイアストア（Firestore）は
NoSQLなので関係を実装できないと思う方が多いです。
ただし、Firestore属性を活用してFirestoreのみの関係を簡単に実装できます。
毎回新しいコースを聴くたびにCSSフレームワークを学ぶのは面倒ですか？このコースはCSSフレームワークを使用せず、CSSモジュールを使用します。そして本講座はhtml、css講座ではありませんので面倒なhtml、cssはコピー/貼り付けをさせていただきます。
必要に応じて映像の下部にリンクします。すぐにコピー/貼り付け可能です。
コースで学ぶReact文法、Javascript理論、Firebaseの知識は言葉だけでは説明しません。すべて親切にスライド整理していただきます。映像ごとに資料は下段にあるのですぐに入って見ることができます。
できるだけ理解しやすく伝えようとしました。図、図表、可視化資料を最大限に活用して説明します。理論と実習を分けてバランスよくお届けします。
Firebase認証とストレージは基本的なものだけを学びますが、
Firebase Firestoreは、基礎からアプリケーションまで行くのに役立ちます。
Firebase @11
Vite（Vanilla、React@13）
React Router@7
Q. 他の言語開発者なのに受講してもいいですか？
html / cssはコピー貼り付けるので、html / cssは少しでも知っておく必要があります。
データタイプ、IFステートメント、オブジェクト、配列、関数について理解する必要があります。
しかし、講座で進行する反復分（forEach/map）、DOM操作、三項演算子、オプショナルチェイン、非同期処理はすべてスライド理論を説明します。そして実習に入ります。
当然リアクト基礎理論/文法も詳しく説明します。
Q. ライブラリ、フレームワークが最新バージョンに上がると動作しない問題がありますか？
ライブラリやフレームワークが更新されたら、コースをチェックして自分でテストしてうまくいくかどうかを確認し、更新を続けます。
Q. Node.js エコシステムが慣れていませんが、受講してもいいですか？
node.jsをインストールし、> npmを介してライブラリ/フレームワークをインストールし、>実行する知識が必要です。もし分からない場合は、別の入門講座をお聞きください。
スライド、コピー/貼り付けのコードをお送りしますが…もしかしたらわからないので、 node_modulesを含む完全なコードを通じます。
Q. 質問の答えはよくしてくれますか？
はい、質問への回答はすべてお願いします。
オペレーティングシステムとバージョン（OS）：Windows 11
使用ツール：node.js/ npm / vscode
動画講義の一番下にリンクします。
動画講義の下部にコピー/貼り付けコードリンクでお届けします。
学習対象は
誰でしょう？
新しい技術を習得して競争力を持ちたい開発者
フルスタックエンジニアにいち早く成長したい場合
フロントエンドエンジニアが、急遽データベースを扱わなければならない場合
バックエンドエンジニアだけど、React(js)とFirebaseの知識を দ্রুতく習得したい時
Flutter、Kotlin、Swift開発者でFirebaseの知識を দ্রুতく 습得したい方
前提知識、
必要でしょうか？
HTML、CSSの基礎知識（コードを見て理解できればOK）
HTML、CSSはコピー＆ペーストします。
JavaScriptの基本知識（if文、オブジェクト、配列、関数は知っておく必要があります。）
Reactを学ぶ上で必要なJSの知識は、部分的に説明します。
41
受講生
9
受講レビュー
1
回答
4.7
講座評価
1
講座
はじめまして。
会社でソフトウェア技術を活用し、楽しく開発をしている者です。
これからはAIの発展とともに、Solopreneur（ソロプレナー）が主流になる時代がすぐに来ると確信しています。
そのヘゲモニーが移動する流れに乗り、質の高い講義をリリースすることで、大きな助けになりたいと考えています。
全体
62件 ∙ (9時間 59分)
講座資料:
全体
9件
4.7
9件の受講レビュー
受講レビュー 4
∙
平均評価 5.0
受講レビュー 1
∙
平均評価 5.0
5
講義とても分かりやすく、良いですね。 フルスタックを準備されている方々にとって、基準となる講義になるのではないでしょうか。
はい、ありがとうございます^^
受講レビュー 1
∙
平均評価 5.0
修正済み
受講レビュー 5
∙
平均評価 5.0
受講レビュー 2
∙
平均評価 5.0
同じ分野の他の講座を見てみましょう！
新規会員登録で25%OFF
￥6,641
25%
￥8,861
![真似して学ぶNode、Reactシリーズ - ショッピングモールサイト作り[全面リニューアル]講義サムネイル](https://cdn.inflearn.com/public/courses/325240/course_cover/d5d7e9a9-2d6f-4a81-84da-5e9cde3f39a4/nodereactecommerce-eng.png?w=420)
![Flutter + FirebaseでNetflix UIクローンコーディング [むやみにFlutter]講義サムネイル](https://cdn.inflearn.com/public/courses/324976/course_cover/1355e898-fc20-4579-a88f-82340b849595/netflix-flutter-eng.png?w=420)
![[Electron #2] React + Electron オフライン顔認証入退室・出席管理システム (With DeepFace)講義サムネイル](https://cdn.inflearn.com/public/files/courses/339677/cover/ai/0/3f0aeb99-6e04-4d30-ba5b-841a2c0fea14.png?w=420)
![[VOD] 6週間完成！開発実務のための高濃縮バイブコーディング (Cursor AI, Figma)講義サムネイル](https://cdn.inflearn.com/public/files/courses/338156/cover/01k4c77bftwd8ec4k0yakavbrc?w=420)