inflearn logo
inflearn logo

お前らバックエンドしたいことがあればいくらでもやって 俺は大丈夫だから俺はファイアベースがある

フロントエンド開発者なのにログイン機能を実装できず残念だったことがありますか? DBを使ってデータを保存して読み込む機能を実装したいのですが、クエリを勉強するのは面倒ですか?ファイアベースなら簡単に可能です!リアクトとファイアベースの力でユーザー認証、データ保存、ホスティングなどウェブ開発に不可欠な機能を一緒に実装しましょう! (該当講義は22年8月録画でファイアベースのメジャーアップデートを反映した講義です。)

難易度 初級

受講期間 無制限

Firebase
Firebase
React
React
Firebase
Firebase
React
React
날개 달린 동전

講座 を紹介して、成長と収益を得ましょう!

날개 달린 동전

マーケティングパートナーズ

講座 を紹介して、成長と収益を得ましょう!

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

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

4.9

5.0

skdyds

100% 受講後に作成

ファイアベース講義ですが、リアクトで進行するのでリアクト勉強もたくさんできます。ビルドしてホスティングすることも教えても、作成した結果をurlで共有できます。バックエンドなしで簡単なトイプロジェクトを作って配布したいフロントなら有用な講義です。

5.0

Ucopy Theme

100% 受講後に作成

うまく機能する開発ソースであることをお勧めします。

5.0

FE7

8% 受講後に作成

フロント作業をしながら常にページを作ってきましたが…こうしてバックエンドで実装するログイン機能とデータを保存して管理できる経験をさせていただきありがとうございます。 学んだ内容をうまく応用すれば、もっと複雑な機能を実装できると思います! さらに小さな風があれば、メールログインに加え、GoogleやFateHub経由のログイン方法もわかれば本当に本当に感謝します! これからも良い講義を続けてください!

受講後に得られること

  • ファイアベース

  • リアクト

  • カスタムリアクトフック

リアクト+ファイアベースだけあれば
フロントエンドもバックエンドも一人でたっぷり! 🔥

リアクトとファイアベースの力で
Web開発の必須機能を実装しましょう!

クライアント機能の実装(HTML、CSS、JS)は可能ですが、
周りにバックエンド開発者がいない
足を動的に転がした経験のある方のための講義!

파일:React-icon.svg

FirebaseはモバイルおよびWebアプリケーション開発プラットフォームです。
高品質のアプリをすばやく開発するのに役立つバックエンドサービスです。

「React + Firebase」

このレッスンでは、リアクトで簡単なアプリケーションを作成し、
Firebaseを使用してバックエンドで実行できる
ユーザー認証とデータ通信(保存、インポート、削除)を実装して

1つの完全なWebアプリケーションを作成します。


リアクト+ファイアベースで実装する
<ドキドキ秘密日記>サービス

こんなものを作れますよ🧙‍♂️


<ドキドキ秘密日記>サービスを一緒に作ってみて
サービスログイン、投稿保存、削除機能などを実装してみてください!

[1]会員登録、ログイン機能の実装

[2] 投稿作成/保存機能の実装

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

この講義の特徴✨

2022年最新
Web Version 9

しばらく前にFirebaseがメジャーアップデートされ、従来使用していたV8ベースのコードはほとんど使用できなくなりました。このレッスンは、2022年ベースの最新バージョンのFirebase Web Version 9に基づいています。

リアクト
Version 6

この講義ではリアクトの react-router-dom を利用してルーティングを処理しています。しばらく前にメジャー更新された最新バージョンのVersion 6に基づいてコードが動作します。

直接カスタマイズ
リアクトフック

リアクトフックを直接カスタマイズして、独自のフックを作ることができます。もちろん、既存に存在するHooksであるuseState、useReducerなども使用します。

講義内容が入った
教案提供

講義内容が詳細にまとめられている教案を一緒に提供します。映像講義を見なくても教案だけで機能を実現することができるほど、すべての内容が入っています。講義を見ながら参考にし、また内容を換気するのにも非常に便利です。

フロントエンドだけを勉強し、見逃しやすいWebアプリの全体的な動作フローを把握できます。

直接リアクトフックをカスタマイズしながら、フックにもっと馴染むことができます。


こんなことを学びます! 📚

1. Firebaseプロジェクトの設定


Firebaseを利用するためにプロジェクトを直接設定しましょう。

2. ページルーティング


react-router-domを使用してページルーティングを実装します。

3. 環境変数の管理

重要なデータを環境変数で安全に管理する方法を学びます。

4. Firebaseを利用してログイン、ログアウト、会員登録を実施する

ファイアベースがサポートするログイン、ログアウト、会員登録機能を利用して簡単にその機能を実装してみます。

5. ファイアストアを利用したデータの保存、呼び出し、削除

Firebaseが提供するFireStoreサービスを使用して独自のDBを作成します。

6. プロジェクトのビルドとデプロイ、ホスティング

プロジェクトをビルドしてデプロイするプロセスを通じて、あなたが作成したプロジェクトをホストします。

講義を受講する前にQ&A 📝

Q. HTML、CSS、JSを知らなくても大丈夫ですか?

A. このレッスンでは、上記の言語の説明を別途提供していません。基礎レベルの知識がなければ講義を理解するのに無理はありません。

Q.リアクトを知らないのに大丈夫でしょうか?

A.リアクトについて基礎的な知識があれば良いですが、なくても講義を聞くのに大きく支障はありません。

Q. 講義で扱っているバージョンは何バージョンですか?

A. すでに市販されているファイアベース講義の多くは、V8に基づいて制作されています。今回の講義では、2022年基準で最新のV9バージョンに基づいて作成されました。また、react-router-domも最新のV6バージョンで作業しました。

こんにちは。
講師ハン・ジェヒョンです。 🙂

こんな方に
おすすめです

学習対象は
誰でしょう?

  • ファイアベースが初めての方

  • Firebaseを使ってログイン機能とホスティングをしたい人

  • リアクトプロジェクトを作りたい人

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

  • HTML

  • CSS

  • JavaScript

こんにちは
jejucodingです。

105,823

受講生

2,801

受講レビュー

163

回答

4.8

講座評価

80

講座

소개 이미지.png.webp

 

🧙‍♂️ こんにちは。済州コーディングベースキャンプです。

済州コーディングベースキャンプとは?

 

 

済州で最もホットな開発者たちが集まって企てたブートキャンプ! 情熱ある若者たちに、その情熱と同じくらい成長できる機会を提供します!

済州コーディングベースキャンプは、済州で最大規模のICT教育イベントであり、カカオ(Kakao)、グローム(goorm)、済州産学融合院などの企業や自治体と共に開催しています。


サービス構築の成功
体験を通じて、この就職難の時代に自信、自尊心、達成感、そして自立できる能力を養ってみてください!

エイエイオー、青春頑張れ!😀

 


 

︎ 済州コーディングベースキャンプ ロードマップ

제코베 로드맵.png.webp

 

︎ 済州コーディングベースキャンプ修了証制度

 

- 1.png.webp

 

もっと見る

共同知識共有者

受講レビュー

全体

27件

4.9

27件の受講レビュー

  • yooss2006님의 프로필 이미지
    yooss2006

    受講レビュー 17

    平均評価 5.0

    5

    100% 受講後に作成

    ファイアベースはとても簡単に学びましたね。 フロントエンド開発者ならぜひ聞いてほしい講義!

    • 7552님의 프로필 이미지
      7552

      受講レビュー 9

      平均評価 5.0

      5

      8% 受講後に作成

      フロント作業をしながら常にページを作ってきましたが…こうしてバックエンドで実装するログイン機能とデータを保存して管理できる経験をさせていただきありがとうございます。 学んだ内容をうまく応用すれば、もっと複雑な機能を実装できると思います! さらに小さな風があれば、メールログインに加え、GoogleやFateHub経由のログイン方法もわかれば本当に本当に感謝します! これからも良い講義を続けてください!

      • 93ots3445님의 프로필 이미지
        93ots3445

        受講レビュー 2

        平均評価 4.5

        4

        100% 受講後に作成

        利点 1.最新のファイアベースを学ぶことができます。初心者には本当に良い講義です。 2. 講義リスト ご覧になれば大規模ではなくて退屈する前にちょうど程よく終わります。 2. ノッションで準備された講義資料が翌日復習や復期をするのに役立ちます。 3. ハングルデーイベントで割引して買ったが、そもそも本来受講金額も大丈夫用。 欠点 説明が足りません。これがこの場になぜあり、このようにすれば正確にどんな出力が出るのかについての具体的で理解がとても良い説明自体が欠けています。ただ…そうですね~さあ書こう!と渡ります。説明は完璧ではありません。結局うんざりしているだけな感じなので、一人でグーグルして探してみてそうなります。 (元々開発勉強というのですが) 決済躊躇の方のために:リアクトを知らないでください。よく知る必要があります。 JavaScriptも複雑なことはしませんが、それでも超中級+最新型を知る必要があります。 (nullish / spread / async / ternary operatorなど)頻繁ではないのに、とにかく出てきます。

        • ucopy님의 프로필 이미지
          ucopy

          受講レビュー 5

          平均評価 5.0

          5

          100% 受講後に作成

          うまく機能する開発ソースであることをお勧めします。

          • rayong님의 프로필 이미지
            rayong

            受講レビュー 1

            平均評価 5.0

            5

            100% 受講後に作成

            ファイアベース講義ですが、リアクトで進行するのでリアクト勉強もたくさんできます。ビルドしてホスティングすることも教えても、作成した結果をurlで共有できます。バックエンドなしで簡単なトイプロジェクトを作って配布したいフロントなら有用な講義です。

            jejucodingの他の講座

            知識共有者の他の講座を見てみましょう!

            似ている講座

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

            ¥4,198