![配信アプリ クローンコーディング [with React Native]Course Thumbnail](https://cdn.inflearn.com/public/courses/328411/cover/b51a3e0d-e2b3-49b3-8f7c-7677fb920434/328411-eng.png?w=420)
配信アプリ クローンコーディング [with React Native]
zerocho
リアクトネイティブでライダー用の配信アプリを作成します。 6年間リアクトネイティブで5つ以上のアプリを作成し、カカオモビリティに売却した開発者の講義です。
Intermediate
React Native
リアクトネイティブに初めて接する入門者のための講義です。 最初からプロジェクトを進めながら、各状況で必要な内容を学習する方法で進めます。 これによりリアクトネイティブの基礎を習得し、リアクトネイティブを利用する際に必要な内容とプロジェクトを進めながら使用するようになる様々なライブラリを試してみます。
受講生 210名
難易度 初級
受講期間 無制限

リアクトネイティブ
リアクト(Components、Hooks、Context API)
リアクトナビゲーション
ファイアベース (Authentication, Firestore, Storage)
ポカポカ、新規ITブック著者の直講!
作成しながら学ぶリアクトアプリ開発⚒️
リアクトネイティブは2015年3月、メタ(旧Facebook)により公開されたオープンソースプロジェクトで、ユーザーインターフェースを作るリアクトに基づいて製作されました。
以前は、モバイルアプリを作成するには、 SwiftやKotlinなどのプラットフォーム開発のための言語を別々に勉強する必要がありましたが、リアクトネイティブを利用すればJavaScriptを使ってiOS、Androidアプリを開発できます。 リアクトネイティブショーケース(React Native Showcase)を見ると、コインベース( Coinbase )、ウーバーイーツ(Uber Eats )、ディスコード( Discord )、テスラ( Tesla )、ウォルマート( Walmart )など多くの企業でリアクトネイティブを使用していることが確認できます。
この講義では、幅広く使われるリアクトネイティブの基礎を取り上げます。 3つのアプリを自分で作成しながらリアクトネイティブの理論を学ぶことができます。
人によって好みが違うように、何かを学習する方法は多様で、好みも異なります。しかし、1つの共通部分があります。理論を先に勉強しても、一度体にぶつかっても結局何かをしてみなければなりません。
この講義ではプロジェクトを進めながら理論を勉強します。プロジェクトの進行中に、私たちが作りたい姿や機能のために必要なものが生じたときに必要な内容を勉強する方法でリアクトネイティブを学習します。その過程で、次のような内容を習得して使用することになります。
リアクトネイティブの使用に
必要なリアクトの知識
(Component, props と state, Hooks, Context API)
プロジェクト進行に必須!
ナビゲーション機能の活用法
(Native Stack Navigator、Bottom Tab Navigator)
バックエンドの知識が少なくともOK!
Firebaseの基本的な使い方
(Authentication, Storage, Firestore)
講義では、電卓、ツードゥリスト(ToDo List)、旅行写真共有アプリの3つのプロジェクトを進め、リアクトナビゲーションを勉強します。
プロジェクトコードはFitHubで確認できます。旗ハブのコードは参考用で、コードがうまく動作しないときにどの部分に違いがあるかを確認する目的で使ってみてください。あるいは、変更された内容が多く、混乱する際に確認用途に使用するのも良い方法です。
1)電卓
2) 闘頭リスト
3)旅行写真共有アプリ
1️⃣JavaScript
このレッスンはJavaScriptの基礎を身に着けている人のために作られました。 JavaScriptをまだ知らない方なら、講義の内容が難しく感じられます。 JavaScriptの勉強が必要な方は、以下のリンクから「パート1.コアJavaScript」の内容を勉強することをお勧めします。
2️⃣リアクト
リアクトネイティブはリアクトに基づいて作られています。そのため、リアクトを身につけた方は、少し早くて楽にリアクトネイティブを身につけることができます。しかし、リアクト先行学習は必須ではありません。
講義では、リアクトネイティブに必要なリアクトの説明を進めます。ただし、詳しい内容は扱いませんので、リアクトについて勉強したい場合や、詳細が気になる方はリアクト学習を別途進めてください。
Q.なぜExpoを使うのですか?
初めてリアクトネイティブを勉強する場合は、Expoを利用することをお勧めします。
Expoを使用すると、携帯電話を使用して開発とテストが可能になり、環境設定もはるかに簡単です。それだけでなく、WindowsノートパソコンのユーザーもiPhoneを利用してiOSの開発やテストが可能という利点があります。
ネイティブモジュールが利用できないということと、いくつかのライブラリが利用できないという欠点がありますが、面倒な部分を気にせずにリアクトネイティブに入門して勉強することに集中できるという利点があります。
まず、Expoでリアクトネイティブを習得し、必要に応じてCLIを使用してみてください。
Q.先行学習が必要ですか?
前述のとおり、JavaScriptの基本的な先行学習は必須です。 JavaScriptを知らない状態で講義を受講すれば、理解できない言葉だけの講義で感じることができ、コードを見て追いつく以上にも以下にもなりません。
リアクトは講義で説明を進めるので必須ではありません。ただし、リアクトネイティブを勉強するために必要な内容だけ進行しますので、リアクトについての学習を希望したり、より詳細な内容が気になる方はリアクトについて別途学習を進めてください。
Q.講義受講のための準備が必要ですか?
コンピュータが必要です。その他必要な機器は必須ではありません。可能であればiOS、Androidデバイスを一つずつ準備すればいいのですが、購入までしながら準備する必要はありません。現在お使いのデバイスを使ってテストを進めてください。それから講義をすべて聞いて、追加で必要だと判断されたらその時購入してください。
テストできる機器がないとしても、仮想機器を利用して開発やテストが可能なので、あまり心配しないでください。ただし、Windowsユーザーは、iOSデバイスがないとiOSテストはできません。
言葉にならない質問、間違った質問はありません。知らないから講義を聞くことで、ダメだから質問するのです。最初から上手な人はいません。うまくいかない部分がある場合や、気になる部分がある場合は、質問を残してください。
1️⃣検索で自分で解決してみてください
エラーメッセージや問題になる状況をGoogleで検索して解決策を見つけてください。自分で解決する練習は、実力向上に多くの助けを与えます。解決策が見つからない可能性がありますが、自分で解決しようとします。特に、タイプミスによって発生する問題が多いので、落ち着いてタイプミスを確認してみてください。
2️⃣フェイトハブにコードを投稿し、質問にリンクを残してください
質問にエラーメッセージだけを投稿すると、正確な原因を特定するのが難しくなります。特定のコードだけを貼り付けて上げても、そのコード部分だけで確認が難しい、または原因がそのコードにない可能性があります。
そのため、FitHubにあなたが書いたコードを上げて、リンクを残してくれば正確な確認が可能です。さらに、問題が発生する状況を詳しく教えてください。
3️⃣範囲外の質問には答えません
講義以外の質問には回答していません。たとえば、個人的に進行するプロジェクト、講義とは異なるプロジェクトのような質問には答えていません。講義で書いたJavaScriptコードやロジックに関する質問には答えますが、基本的にJavaScriptの講義ではないため、範囲外の質問には答えません。この部分ご了承ください。
本講義は2022年10月出版予定の執筆書「ハンズオンリアクトネイティブ(ハンライトメディア)」をもとに進行される講義です。
講義内容と本の内容がほぼ同じなので、講義受講のために本を購入する必要はありません。
学習対象は
誰でしょう?
リアクトネイティブに興味がある方
リアクトネイティブを初めて始める方
モバイルアプリを作成したい人
JavaScriptでWeb以外のものをやりたい人
前提知識、
必要でしょうか?
JavaScriptの基礎
全体
160件 ∙ (23時間 50分)
講座資料(こうぎしりょう):
1. 0.1 :: 講義紹介
04:13
10. 2.1 :: プロジェクトの準備
07:49
12. 追加の説明 :: 論理演算子
05:46
17. 2.6 :: タッチイベント
11:03
18. 2.7 :: 電卓ボタンの作成
17:38
20. 追加の説明 :: 配列構造の分解
05:19
全体
10件
4.9
10件の受講レビュー
受講レビュー 2
∙
平均評価 4.5
受講レビュー 3
∙
平均評価 5.0
5
あまりにも説明もすっきりさせていただき、 後ろに行くほど少し難しい感じがありましたが、 とても満足しています。 ありがとうございます。
こんにちはyounil.kangさん、 良い受講評価ありがとうございます:) 楽しい一日、ありがとうございます。
受講レビュー 56
∙
平均評価 5.0
5
良い講義ありがとうございます。
godkkooさん、ありがとうございます :) 暑い気候には健康に気をつけて、いつも幸せにしてください。 楽しい一日、ありがとうございます
受講レビュー 6
∙
平均評価 4.8
同じ分野の他の講座を見てみましょう!