강의

멘토링

커뮤니티

BEST
Programming

/

Mobile Application Development

ハンズオンリアクトネイティブ

リアクトネイティブに初めて接する入門者のための講義です。 最初からプロジェクトを進めながら、各状況で必要な内容を学習する方法で進めます。 これによりリアクトネイティブの基礎を習得し、リアクトネイティブを利用する際に必要な内容とプロジェクトを進めながら使用するようになる様々なライブラリを試してみます。

難易度 初級

受講期間 無制限

  • beomjun
React Native
React Native
React Native
React Native

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

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

4.9

5.0

younil.kang

100% 受講後に作成

あまりにも説明もすっきりさせていただき、 後ろに行くほど少し難しい感じがありましたが、 とても満足しています。 ありがとうございます。

5.0

godkkoo2

30% 受講後に作成

良い講義ありがとうございます。

5.0

ddf

93% 受講後に作成

グッドグッドグッドグッドグッドグッドグッドグッド

受講後に得られること

  • リアクトネイティブ

  • リアクト(Components、Hooks、Context API)

  • リアクトナビゲーション

  • ファイアベース (Authentication, Firestore, Storage)

ポカポカ、新規ITブック著者の直講!
作成しながら学ぶリアクトアプリ開発⚒️

多数の企業の選択、リアクトネイティブ✔️

リアクトネイティブは2015年3月、メタ(旧Facebook)により公開されたオープンソースプロジェクトで、ユーザーインターフェースを作るリアクトに基づいて製作されました。

以前は、モバイルアプリを作成するには、 SwiftKotlinなどのプラットフォーム開発のための言語を別々に勉強する必要がありましたが、リアクトネイティブを利用すれば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&A

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分)

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

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

受講レビュー

全体

10件

4.9

10件の受講レビュー

  • hslee1313님의 프로필 이미지
    hslee1313

    受講レビュー 1

    平均評価 5.0

    5

    30% 受講後に作成

    • beomjun
      知識共有者

      こんにちは、イ・ヒョンスンさん、受講レビューありがとうございます:) 楽しい一日をお過ごしください。

  • econo21c5199님의 프로필 이미지
    econo21c5199

    受講レビュー 2

    平均評価 4.5

    4

    6% 受講後に作成

    • beomjun
      知識共有者

      こんにちはecono21c、 受講評ありがとうございます:) 楽しい一日、ありがとうございます。

  • younilkang5184님의 프로필 이미지
    younilkang5184

    受講レビュー 3

    平均評価 5.0

    5

    100% 受講後に作成

    あまりにも説明もすっきりさせていただき、 後ろに行くほど少し難しい感じがありましたが、 とても満足しています。 ありがとうございます。

    • beomjun
      知識共有者

      こんにちはyounil.kangさん、 良い受講評価ありがとうございます:) 楽しい一日、ありがとうございます。

  • godkkoo5758님의 프로필 이미지
    godkkoo5758

    受講レビュー 56

    平均評価 5.0

    5

    30% 受講後に作成

    良い講義ありがとうございます。

    • beomjun
      知識共有者

      godkkooさん、ありがとうございます :) 暑い気候には健康に気をつけて、いつも幸せにしてください。 楽しい一日、ありがとうございます

  • yoosanghyeon10484님의 프로필 이미지
    yoosanghyeon10484

    受講レビュー 6

    平均評価 4.8

    5

    100% 受講後に作成

    • beomjun
      知識共有者

      こんにちはユ・サンヒョン、 良い評価ありがとうございます:) 楽しい一日、ありがとうございます。

似ている講座

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