あんたたちバックエンドでやりたいことがあればいくらでもやっていいよ、私は大丈夫。だって私にはFirebaseがあるから。

フロントエンド開発者なのにログイン機能を実装できず、悔しい思いをしたことはありませんか?DBを利用してデータを保存・取得する機能を実装したいけれど、クエリを勉強するのは負担に感じていませんでしたか?Firebaseなら簡単に実現できます!ReactとFirebaseの力を借りて、ユーザー認証、データ保存、ホスティングなど、Web開発に不可欠な機能を一緒に実装してみましょう!(本講義は22年8月に収録されたもので、Firebaseのメジャーアップデートを反映した内容となっています。)

難易度 初級

受講期間 無制限

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経由のログイン方法もわかれば本当に本当に感謝します! これからも良い講義を続けてください!

受講後に得られること

  • ファイアベース

  • リアクト

  • カスタムReactフック

React + Firebaseさえあれば
フロントエンドもバックエンドも一人でサクッと! 🔥

ReactとFirebaseの力で
Web開発の必須機能を実装してみましょう!

クライアント機能の実装(HTML, CSS, JS)はできるけれど、
周りにバックエンド開発者がいなくて
途方に暮れた経験がある方のための講座!

파일:React-icon.svg

Firebaseはモバイルおよびウェブアプリケーションの開発プラットフォームで、
高品質なアプリを素早く開発できるようサポートするバックエンドサービスです。

"React + Firebase"

本講義ではReactで簡単なアプリケーションを作成し、
Firebaseを利用してバックエンドで行われる
ユーザー認証とデータ通信(保存、読み込み、削除)を実装することで、

一つの完成されたウェブアプリケーションを作り上げます。


React+Firebaseで実装する
<ドキドキ秘密日記>サービス

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


<ドキドキ秘密日記>サービスを一緒に作りながら、
サービスのログイン、投稿の保存、削除機能などを実装してみましょう!

[1] 新規登録、ログイン機能の実装

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

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

 

この講義の特徴 ✨

2022年最新
Web Version 9

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

React
Version 6

この講座では、Reactのreact-router-domを利用してルーティングを処理しています。先日メジャーアップデートされた最新バージョンのVersion 6をベースにコードが動作します。

直接カスタムする
React Hooks

React Hooksを直接カスタムして、自分だけのフックを作ることができます。もちろん、既存のHooksであるuseStateやuseReducerなども使用します。

講義内容が盛り込まれた
教本を提供

講義の内容が詳細にまとめられた教本を一緒に提供します。動画講義を見なくても、教本だけで機能を実装できるほど、すべての内容が盛り込まれています。講義を見ながら参考にしやすく、内容を復習する際にも非常に役立ちます。

フロントエンドだけを勉強していると見落としがちなウェブアプリケーションの全体的な動作の流れを把握することができます。, điều mà thường dễ bị bỏ lỡ khi chỉ tập trung học mỗi Front-end.

直接リフレクトフックをカスタムしながら、フックにより親しみを持つことができます。


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

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


Firebaseを利用するために、直接プロジェクトをセッティングしてみましょう。

2. ページルーティング


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

3. 環境変数の管理

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

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

Firebaseが提供するログイン、ログアウト、会員登録機能を利用して、簡単に該当機能を実装してみます。

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

Firebaseが提供するFirestoreサービスを通じて、自分だけのデータベースを作ってみます。

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

プロジェクトをビルドしてデプロイする過程を通じて、皆さんが作ったプロジェクトをホスティングしてみます。

 

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

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

A. この講義では、上記の言語に関する説明は別途提供しておりません。 基礎レベルの知識をお持ちでないと、講義を理解するのが難しい場合があります。

Q. リアクトを知らなくても大丈夫でしょうか?

A. Reactに関する基礎的な知識があれば望ましいですが、なくても講義を受けるのに大きな支障はありません。

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

A. すでに市販されているFirebase講座のほとんどはV8に基づいて制作されています。今回の講座では、2022年時点で最新のV9バージョンに基づいて作成されました。また、react-router-domも最新のV6バージョンで作業しています。

 

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

 

こんな方に
おすすめです

学習対象は
誰でしょう?

  • Firebaseが初めての方へ

  • Firebaseを利用してログイン機能の実装とホスティングを行いたい方へ

  • Reactプロジェクトを作りたい方

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

  • HTML

  • CSS

  • JavaScript

こんにちは
jejucodingです。

106,600

受講生

2,891

受講レビュー

163

回答

4.8

講座評価

80

講座

소개 이미지.png.webp

 

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

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

 

 

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

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


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

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

 


 

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

제코베 로드맵.png.webp

 

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

 

- 1.png.webp

 

もっと見る

共同知識共有者

受講レビュー

全体

27件

4.9

27件の受講レビュー

  • ucopy님의 프로필 이미지
    ucopy

    受講レビュー 5

    平均評価 5.0

    5

    100% 受講後に作成

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

    • rayong님의 프로필 이미지
      rayong

      受講レビュー 1

      平均評価 5.0

      5

      100% 受講後に作成

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

      • 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など)頻繁ではないのに、とにかく出てきます。

            jejucodingの他の講座

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

            似ている講座

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

            ¥4,314