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

リアクトネイティブ+ファイアベース
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バックエンドに分けました。今私に必要な部分に集中して便利に学習してみてください。

Q&A 💬