inflearn logo
inflearn logo

フォローして学ぶリアクト、ファイアベース - チャットアプリケーションを作る[2023.12リニューアル]

この講義を通じてリアクトとファイアベースを利用してチャットアプリケーションを作成することができます。

難易度 初級

受講期間 無制限

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

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

날개 달린 동전

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

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

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

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

4.7

5.0

윤은석

58% 受講後に作成

本当にReactとnodejs、firebaseの最高の先生ではないかと思います。 ReactとReudxの基礎講座を完全に行った後に、john ahnさんが載せてくれたすべての講義だけをしっかりと熟知して、1度は徹底的につくりながら丁寧に手書きし、1度は手書きしたものを見ながら参考しながら作ってみて、1度は見ていない作り見て、最後にまた見て、それを創作で自分がいくつか作ってみると、とても早い実力向上になると見てください。ただ残念なのは、cloud functionに関する内容が込められた川の一つ作っていただければとても良いようですㅠㅠ

5.0

조용준 (Near)

77% 受講後に作成

ファイアベース初めてやってみるのが面白い講義でした。 講義はクラスでしたがフックで一応やってみました。 リアクトコンポーネントの構造化に適応されたようです。

5.0

빠스단

78% 受講後に作成

もう半分くらい聞いているのに私がいくつかの講義を聞いてみましたが確かにdiagramで授業進行されますので、はるかに目にすっぽり入ってきて私もダイアグラムで今回まとめて勉強してみると本当のこれが効率が違いますね。 おかげで勉強する道具一つ新しく習得していきます。 Youtubeでfirebaseの講義を聞いてとても理解できなかったのですが、この講義のため、本当の講師がどれくらい準備をして進行しているのかを感じますね。お勧めします。

受講後に得られること

  • リアクト

  • ファイアベース

フォローして学習するチャットアプリケーションを作成し、
コア機能をひとつひとつに従って学習してみてください!

こんにちは^^
この講義では最初から機能一つ一つ、
1ページ1ページずつ直接チャットアプリケーションを作成します。

この講義では、ノードは使用しませんが、
ノード+リアクト基本選手知識があれば、より理解しやすいので、
ノード+リアクトを学んでいない人は、次のレッスンを最初に学んでください。

フォローして学ぶノード、リアクトシリーズ - 基本講義
実際のWebアプリを作成するためのノード+リアクト基礎概念学習

💡川の特徴

John Ahn, Firebase

リアルタイムストリーミングプロトコル(RTSP)方式のサポート

Firebaseは、認証、データベース、ストレージ、プッシュ通知、展開など
ほとんどのアプリを作成するときに必要な部分を自動的に作成するプラットフォームで、
リアルタイム(Real-Time)データ転送が必要なチャットアプリ、タクシーアプリなどを簡単に実装できます。

チャットアプリケーションの重要な機能を最大限に活用しようとしましたが、
作る過程で難しいロジックがたくさん入る
説明をする中で理解が良くなるように図表を利用し、
なぜこの部分がこうなるのか実際にお見せしながら講義が進むように努力して作りました。


💻使用スキル&学習内容

▲JavaScript(JavaScript)、リアクト(React)、Redux(Redux)関連の選手知識が必要です。

  • ログイン/会員登録、検証
  • DMに参加したユーザーのリアルタイム反映、DMメッセージルーム
  • チャットルームの作成、説明の追加、お気に入りの追加/削除
  • メッセージ通知数の表示
  • オープンルームで話す
  • 相手の会話を入力するときに教えてください
  • チャット検索、スケルトン効果
  • ファイルアップロードの割合を表示
  • ユーザーイメージの交換、イメージメッセージの送信
  • アプリケーションのデプロイ
  • etc.

🧰 ここで扱うツール

Visual Studio Codeを使用しますが、自分が好きなEditorを使用できます。
MACを使用しますが、ウィンドウでも可能です。


🙋🏻‍♂️ Q&A

Q. 非専攻者も聞くことができますか?
A. うん!専攻者、非専攻者に関係なく聞ける講義です。

こんな方に
おすすめです

学習対象は
誰でしょう?

  • 楽しくコーディングしたい人

  • 最新技術に興味のある人

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

  • JavaScript

  • リアクト

こんにちは
John Ahnです。

85,187

受講生

2,770

受講レビュー

2,430

回答

4.8

講座評価

20

講座

こんにちは。

楽しく開発している開発者です。

これから多くの力になれることを願っています。


- 「作って学ぶDockerとCI環境」著者
- カカオ新卒採用FE教育担当
- Fast Campus、goorm 講師
- 現代自動車 開発企業研修
- 新韓銀行メタバース、Korbit Town フルスタック開発
- 多数の公共機関SNS フルスタック開発

もっと見る

カリキュラム

全体

142件 ∙ (19時間 4分)

講座資料(こうぎしりょう):

授業資料
講座掲載日: 
最終更新日: 

受講レビュー

全体

43件

4.7

43件の受講レビュー

  • obj1227님의 프로필 이미지
    obj1227

    受講レビュー 5

    平均評価 5.0

    5

    76% 受講後に作成

    いつも感謝しているジョン先生!おかげで3日でreactを復習しました。

    • oan63103756님의 프로필 이미지
      oan63103756

      受講レビュー 1

      平均評価 5.0

      5

      78% 受講後に作成

      もう半分くらい聞いているのに私がいくつかの講義を聞いてみましたが確かにdiagramで授業進行されますので、はるかに目にすっぽり入ってきて私もダイアグラムで今回まとめて勉強してみると本当のこれが効率が違いますね。 おかげで勉強する道具一つ新しく習得していきます。 Youtubeでfirebaseの講義を聞いてとても理解できなかったのですが、この講義のため、本当の講師がどれくらい準備をして進行しているのかを感じますね。お勧めします。

      • near님의 프로필 이미지
        near

        受講レビュー 25

        平均評価 5.0

        5

        77% 受講後に作成

        ファイアベース初めてやってみるのが面白い講義でした。 講義はクラスでしたがフックで一応やってみました。 リアクトコンポーネントの構造化に適応されたようです。

        • familyman803619님의 프로필 이미지
          familyman803619

          受講レビュー 14

          平均評価 5.0

          5

          58% 受講後に作成

          本当にReactとnodejs、firebaseの最高の先生ではないかと思います。 ReactとReudxの基礎講座を完全に行った後に、john ahnさんが載せてくれたすべての講義だけをしっかりと熟知して、1度は徹底的につくりながら丁寧に手書きし、1度は手書きしたものを見ながら参考しながら作ってみて、1度は見ていない作り見て、最後にまた見て、それを創作で自分がいくつか作ってみると、とても早い実力向上になると見てください。ただ残念なのは、cloud functionに関する内容が込められた川の一つ作っていただければとても良いようですㅠㅠ

          • kbba785883님의 프로필 이미지
            kbba785883

            受講レビュー 33

            平均評価 4.8

            4

            33% 受講後に作成

            良い講義、素晴らしい講義ということには断然異議を提起する考えはありません。しかし、最近2週間前に購読を行った私としてはこれまでアップデートとなり、多くの部分が日焼けします。リアクトーム、リダックス、ファイアベースv9バージョン 講座を聞いて、ダメな部分になるまで探さなければならないので、苦しいですね。もし最新バージョンで再講座を作る考えがあれば、購読して聞くようにします。 ......

            John Ahnの他の講座

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

            似ている講座

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

            ¥5,426