
Notion エッセンシャル
jejucoding
複雑なコラボレーションツールはこれで終わり!👋 Markdownからデータベースまで、Notion一つで終わる仕事上手の必須スキル🚀
입문
Notion, Team Collaboration Tool
フロントエンド開発者なのにログイン機能を実装できず残念だったことがありますか? DBを使ってデータを保存して読み込む機能を実装したいのですが、クエリを勉強するのは面倒ですか?ファイアベースなら簡単に可能です!リアクトとファイアベースの力でユーザー認証、データ保存、ホスティングなどウェブ開発に不可欠な機能を一緒に実装しましょう! (該当講義は22年8月録画でファイアベースのメジャーアップデートを反映した講義です。)

ファイアベース
リアクト
カスタムリアクトフック
リアクト+ファイアベースだけあれば
フロントエンドもバックエンドも一人でたっぷり! 🔥
クライアント機能の実装(HTML、CSS、JS)は可能ですが、
周りにバックエンド開発者がいない
足を動的に転がした経験のある方のための講義!
FirebaseはモバイルおよびWebアプリケーション開発プラットフォームです。
高品質のアプリをすばやく開発するのに役立つバックエンドサービスです。
このレッスンでは、リアクトで簡単なアプリケーションを作成し、
Firebaseを使用してバックエンドで実行できる
ユーザー認証とデータ通信(保存、インポート、削除)を実装して
1つの完全なWebアプリケーションを作成します。
<ドキドキ秘密日記>サービスを一緒に作ってみて
サービスログイン、投稿保存、削除機能などを実装してみてください!


[3] 投稿削除機能の実装

しばらく前にFirebaseがメジャーアップデートされ、従来使用していたV8ベースのコードはほとんど使用できなくなりました。このレッスンは、2022年ベースの最新バージョンのFirebase Web Version 9に基づいています。
この講義ではリアクトの react-router-dom を利用してルーティングを処理しています。しばらく前にメジャー更新された最新バージョンのVersion 6に基づいてコードが動作します。
リアクトフックを直接カスタマイズして、独自のフックを作ることができます。もちろん、既存に存在するHooksであるuseState、useReducerなども使用します。
講義内容が詳細にまとめられている教案を一緒に提供します。映像講義を見なくても教案だけで機能を実現することができるほど、すべての内容が入っています。講義を見ながら参考にし、また内容を換気するのにも非常に便利です。
フロントエンドだけを勉強し、見逃しやすいWebアプリの全体的な動作フローを把握できます。
直接リアクトフックをカスタマイズしながら、フックにもっと馴染むことができます。
1. Firebaseプロジェクトの設定
Firebaseを利用するためにプロジェクトを直接設定しましょう。
3. 環境変数の管理
重要なデータを環境変数で安全に管理する方法を学びます。
4. Firebaseを利用してログイン、ログアウト、会員登録を実施する
ファイアベースがサポートするログイン、ログアウト、会員登録機能を利用して簡単にその機能を実装してみます。
5. ファイアストアを利用したデータの保存、呼び出し、削除
Firebaseが提供するFireStoreサービスを使用して独自のDBを作成します。
6. プロジェクトのビルドとデプロイ、ホスティング
プロジェクトをビルドしてデプロイするプロセスを通じて、あなたが作成したプロジェクトをホストします。
Q. HTML、CSS、JSを知らなくても大丈夫ですか?
A. このレッスンでは、上記の言語の説明を別途提供していません。基礎レベルの知識がなければ講義を理解するのに無理はありません。
Q.リアクトを知らないのに大丈夫でしょうか?
A.リアクトについて基礎的な知識があれば良いですが、なくても講義を聞くのに大きく支障はありません。
Q. 講義で扱っているバージョンは何バージョンですか?
A. すでに市販されているファイアベース講義の多くは、V8に基づいて制作されています。今回の講義では、2022年基準で最新のV9バージョンに基づいて作成されました。また、react-router-domも最新のV6バージョンで作業しました。
学習対象は
誰でしょう?
ファイアベースが初めての方
Firebaseを使ってログイン機能とホスティングをしたい人
リアクトプロジェクトを作りたい人
前提知識、
必要でしょうか?
HTML
CSS
JavaScript
104,373
受講生
2,686
受講レビュー
163
回答
4.8
講座評価
80
講座

제주에서 가장 핫한 개발자들이 모여 작당한 부트캠프! 열정있는 청년들에게 열정만큼 성장할 수 있는 기회를 제공합니다!
제주코딩베이스캠프는 제주에서 가장 큰 ICT 교육 행사로 카카오, 구름, 제주산학융합원 등 기업 지자체와 함께 진행하고 있습니다.
서비스 구축 성공 경험을 통해 이 취업난 시대에 자신감, 자존감, 성취감, 그리고 자립할 수 있는 능력을 배양해 보세요!
으라차차 청춘 화이팅입니다! 😀


全体
24件 ∙ (3時間 34分)
講座資料(こうぎしりょう):
7. Firebaseとは?
12:33
8. リアクトでのルーティング
14:51
9. ナビゲーション作り
07:09
10. ログインフォームの作成
12:04
12. 環境変数の管理
04:53
13. ユーザー登録 hook作成
17:13
14. コンテキストでのユーザー情報管理
17:35
15. ログアウトの実装
08:50
16. ログインの実装
07:26
17. 状態に合わせた画面表示
19:29
18. ホーム画面フォーム作成
07:57
19. Firestore 設定
13:55
20. ドキュメントの保存
12:08
21. ドキュメント読み込み
16:35
22. Firestore クエリ
13:33
23. ホーム画面スタイリング
09:10
24. ビルドとデプロイ
09:59
全体
27件
4.9
27件の受講レビュー
受講レビュー 1
∙
平均評価 5.0
受講レビュー 2
∙
平均評価 4.5
4
利点 1.最新のファイアベースを学ぶことができます。初心者には本当に良い講義です。 2. 講義リスト ご覧になれば大規模ではなくて退屈する前にちょうど程よく終わります。 2. ノッションで準備された講義資料が翌日復習や復期をするのに役立ちます。 3. ハングルデーイベントで割引して買ったが、そもそも本来受講金額も大丈夫用。 欠点 説明が足りません。これがこの場になぜあり、このようにすれば正確にどんな出力が出るのかについての具体的で理解がとても良い説明自体が欠けています。ただ…そうですね~さあ書こう!と渡ります。説明は完璧ではありません。結局うんざりしているだけな感じなので、一人でグーグルして探してみてそうなります。 (元々開発勉強というのですが) 決済躊躇の方のために:リアクトを知らないでください。よく知る必要があります。 JavaScriptも複雑なことはしませんが、それでも超中級+最新型を知る必要があります。 (nullish / spread / async / ternary operatorなど)頻繁ではないのに、とにかく出てきます。
受講レビュー 5
∙
平均評価 5.0
受講レビュー 9
∙
平均評価 5.0
受講レビュー 16
∙
平均評価 5.0
¥4,232
知識共有者の他の講座を見てみましょう!
同じ分野の他の講座を見てみましょう!