ティンダーファイアベースクローン|リアクトネイティブ

Name: ティンダーファイアベースクローン|リアクトネイティブ
Price: 74800 KRW
Rating: 3 (2 reviews)

最小限の時間内にリアクトネイティブを学ぶことができます。不要な部分は入れませんでした。

（3.0）受講レビュー 2件

受講生 28名

難易度 中級以上

受講期間 無制限

The Coders Studios

리액트네이티브

reactnative

모바일앱

firebase

클론코딩

React Native

Firebase

리액트네이티브

reactnative

모바일앱

firebase

클론코딩

React Native

Firebase

受講後に得られること

React Native
Firebase
Expo
React Native Deck Swiper
React Navigation
ContextAPI
Tailwind CSS

リアクトネイティブ+ファイアベース
4時間以内にコアだけ早く学ぶアプリ開発！

アプリストア人気アプリ、
デートアプリTinderクローンコーディング！

リアクトネイティブとファイアベースを使って、実際のアプリに沿って実装し、本番モバイルアプリの開発感覚を育ててみてください。

もしかして今私の話じゃないの？
（選手の知識：JavaScript、React）

_{Reactまたは
React Native
することを知っている人}

_{React Native
初めて
Reactユーザー}

_{React Native 基礎のみ
学んだ状態で
実際のプロジェクト体験
したい方}

講義を終えたら
このようなことができます。

✅React Native関連プロジェクトを無理なく進めることができます。
✅React NativeでFirebaseをどのように活用するかを学ぶことができます。
✅4時間という短い時間の間、素早くReact Nativeを学ぶことができます。
✅チャットアプリケーションを自分で作成できます。
✅本番で使われる知識を実際のプロジェクトを通じて体得できます。

学習内容📚

1) ログイン画面

EXPO GOOGLE AUTHを通じて会員登録とログイン機能を実装する方法を学びます。

2) プロフィール画面

ユーザー情報をファイアベースに入力して保存する方法を学びます。

3) ホームスクリーン

React Native Deck Swiperによるスワイプ機能を学ぶことができます。

ファイアベースを介してリアルタイムでプロファイル登録されたユーザーをレンダリングする方法まで一緒に学びます。

4) メッセージ画面

Firebaseを使ってリアルタイムでメッセージを送受信する方法を学ぶことができます。

現職のフルスタック開発者が知らせる
鮮やかな本番モバイルアプリ開発

1. 不要な知識は入れませんでした。

学習のため、これまで様々な講義を受講してきており、今も受講しています。ところが時間はありませんが、余りに不要な部分に時間を割く講義が多かったです。本質的なものだけを教えてくれれば、5～6時間以内に出ることができますが、10時間、20時間を越える講義をスキップして聞くのが大変でした。それで、4時間以内にリアクトネイティブを学ぶことができるように、短いがずっしりとした講義を作りました。

2. 実践的な知識だけを込めました。

実用的に使えて、実戦で使われる知識だけが詰まっていました。
膨大な理論を学んだのですが、これをどのように本番プロジェクトで使うのか分からない場合が多いです。理論に焦点を当てて、どのような状況でこのコードを使用するのかわからない場合は、意味のない勉強に過ぎません。実際のプロジェクトを通じて直接コーディングをしてみるときだけ、実際の自分のもので体得できます。

3. 最小限の初期設定で簡単に起動できます。 (Expo)

オリジナルのReact Nativeを使用するには、オペレーティングシステムに応じてAndroid StudioまたはXcodeの設定を行う必要があります。この初期設定が行われると、スマートフォンシミュレータをラップトップにビルドできます。しかし、それほど単純な部分ではないので、最初にReact Nativeに入ることは困難です。
しかし、この講義ではExpoを使って、お持ちのスマートフォンにExpo GoというアプリだけをダウンロードすればQRコードを撮るだけでもアプリ開発ができます。そのため、初めてReact Nativeを起動しても、気軽にコーディングを開始できます。

4. フロントエンドとバックエンドを別々に区分して撮影しました。

React Native フロントエンドだけを学びたい方があり、React NativeでFirebaseをどのように適用するが見たい方もいらっしゃるでしょう。そこで、受講生の皆さんの時間を最大限に節約するために、必ず必要な部分だけを正確に受講できるように講義を構成しました。
セクション1ではフロントエンドを、セクション2ではFirebaseバックエンドに分けました。今私に必要な部分に集中して便利に学習してみてください。

この講義を作った知識共有者は👀

2年間スタートアップでフルスタック開発者として働いています。
現在は、アイビーリーグやFANG出身（Facebook、Apple、Netflix、Google）開発者たちと一緒に、Eコマースで使用するダッシュボードを制作するスタートアップで働いており、フロントエンド部分を主に引き受けています。

私の経験に基づいて、今回の講義がReact Nativeを学びたい方に役立つことを願っています！

Q&A 💬

Q. 初期設定がどの程度まで必要ですか？

まず、ReactあるいはReact Nativeの初期設定をしておいた方なら、Visual Studio CodeとNode.jsがインストールされているはずですが、その二つがあれば十分です！

Q. XCodeやAndroid Studioを初期設定する方法を教えてください。

いいえ。最小限の時間内にReact Nativeを学ぶことが今回の講義の目的であるため、Expoを選択することになりました。シミュレータを設定しなくても、スマートフォンでExpo GoというアプリケーションだけをダウンロードしてQRコードを撮ると、スマートフォンでもアプリビルドになるので、このレッスンでは扱わないでしょう。

Q. 環境設定はどの程度まで準備しなければなりませんか？

ノートパソコン（PC）は、Visual Studio Code、Node.js、Expo CLIまでインストールすれば十分です！また、スマートフォンにExpo Goというアプリケーションをダウンロードする必要があります。

その後、追加で可能な方はOSによってAndroid StudioもしくはXCode設定までしていただければと思います。（必須ではないので心配しないでください）

こんな方に
おすすめです

学習対象は
誰でしょう？

リアクトを学んだ後、モバイルアプリの開発を学びたい開発者
リアクトネイティブ基礎を超えて実際のプロジェクトをやりたい開発者

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

JavaScript
リアクト

こんにちは
です。

カリキュラム

全体

20件 ∙ (3時間 53分)

講座資料（こうぎしりょう）:

授業資料

セクション 1．UIを完成させる（Frontend）

8件 ∙ (1時間 59分)

1. ログイン画面(1)
04:26
2. ログイン画面(2)
16:27
3. ホームスクリーン(1) - ヘッダ
08:45
4. ホームスクリーン(2) - ボディ
21:36
5. プロフィール画面
12:40
6. マッチスクリーン
12:59
7. チャット画面
20:00
8. メッセージ画面
23:01

セクション 2．ファイアベースを連動させる（Backend）

12件 ∙ (1時間 53分)

9. FB）ファイアベース設定
12:15
10. FB）Firebaseログイン（1） - Context API
13:12
11. FB) Firebase ログイン (2) - Google Auth
16:29
12. FB）プロフィール画面
17:20
13. FB) ホームスクリーン - ヘッダープロファイルを置き換える
03:54
14. FB）ホームスクリーン - スワイプ
14:07
15. FB）ホームスクリーン - マッチング
03:46
16. FB）チャットスクリーン
07:16
17. FB) メッセージ画面(1) - 相手のユーザータイトル情報を取得する
07:24
18. FB) メッセージ画面 (2) メッセージ送信関数
05:25
19. FB) メッセージ画面 (3) メッセージのインポート
03:52
20. FB）メッセージ画面（4） - 最後のメッセージを取得する
08:57

講座掲載日:

最終更新日:

受講レビュー

全体

2件

3.0

2件の受講レビュー

p010890758778536
受講レビュー 1
∙
平均評価 4.0
4
100% 受講後に作成
good
choys5287531
受講レビュー 4
∙
平均評価 4.3
2
50% 受講後に作成
講義資料が現在サポートされていないようで残念です。

￥9,190

似ている講座

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

[リニューアル] グルメマップアプリ作成 (React Native & NestJS)

Kyo

React Nativeを使って自分だけのグルメ記録アプリを開発してリリースする過程を学ぶことができます。デザインからフロントエンド・バックエンド開発、デプロイまで全過程を準備しました。

중급이상

React Native, TypeScript, NestJS

[リニューアル] グルメマップアプリ作成 (React Native & NestJS)

Kyo

iOS/Android アプリ開発のための本番 React Native - Intermediate

Wintho

React Nativeベースのモバイルアプリ開発のための中級講義です。フロントエンドの深化内容学習だけでなく、Firebaseベースのバックエンド内容まで一緒に学びながら、サーバー連動/ログイン/データ送受信/公共API活用などが可能な一つの完璧なアプリを開発できるように作られた講義です。

중급이상

React Native, Redux, Firebase

iOS/Android アプリ開発のための本番 React Native - Intermediate

Wintho

[2021]最近、誰が有料でWebサービスを構築するのか、Firebaseのすべて - Vue.js

David

＆quot;最近、誰が有料でWebサービスを構築していますが、Firebaseのすべてです＆quot;講義がVue.jsに新たに戻った。 1人創業を夢見る初級開発者のためのバイブルになります。

초급

Firebase, Vue.js, PWA

[2021]最近、誰が有料でWebサービスを構築するのか、Firebaseのすべて - Vue.js

David

フルスタックリアクトライブコーディング - シンプルなショッピングモールを作る

jaenam

開発から配布まで！一つのサービスを完成するための険しい旅をろ過なくお見せします。初めて使ってみる技術を盛り込んで左衝ウドルウダン湯湯ながらもなんとか迷っていくことができますよ！

초급

React, GraphQL, Firebase

フルスタックリアクトライブコーディング - シンプルなショッピングモールを作る

jaenam

Firebase シリーズ #2: AI 漢字推薦 & 筆記学習プラットフォーム

dakgangjung123

🔥 漢字学習のためのカスタムプラットフォーム構築！ Google Gemini AIとFirestoreを活用し、自分だけの漢字単語帳、画数アニメーション、手書き認識まで直接実装してみましょう！

초급

gemini, HTML/CSS, TailwindCSS

Firebase シリーズ #2: AI 漢字推薦 & 筆記学習プラットフォーム

dakgangjung123

Reactを上手に扱える開発者になる

nakjasabal0079

「リアクトが上手な開発者になる」という本が出版されました。この本はリアクト学習前に必要なウェブの基本原理から最新のリアクトフックまで体系的に案内し、しっかりとした基礎知識を提供します。合計40個以上の多彩な実戦プロジェクトと豊富な実習例題を通じて理論を実務にすぐ適用し、問題解決能力を育てることができます。また、リダックスツールキット、Zustand、Firebaseなど現代ウェブ開発に必須の技術を一緒に学び、完成度の高いリアクトアプリケーション開発者として成長できるよう支援します。

초급

JavaScript, React, Firebase

Reactを上手に扱える開発者になる

nakjasabal0079

React + Firebase フルスタック開発 - Firebase Firestore データモデリング

brightcoding

この講義を通して、FirebaseでDBの関係を実装する方法を学びます。迅速にReactフルスタック開発者になることができます。雇用が不安定な今、この時代には新しい技術を学び、自身の価値を高める必要があります。そして何かを作り出さなければなりません。そのサイドプロジェクトやアイデアを実装する際に、データの「関係」を実装できるようになる必要があります。この講義は、Firebaseの「Firestore」で「関係」を実装できるようにお手伝いします。

초급

Firebase, React, firestore

React + Firebase フルスタック開発 - Firebase Firestore データモデリング

brightcoding