inflearn logo
inflearn logo

React Native with Expo: ZeroChoからしっかり学ぶ

Web開発者が(特にReact開発者であれば)本当に手軽にアプリをリリースできる時代になりました。Expoを使えば、さらに素早くAndroidとiOS両方のアプリをリリースできます。Expoを通じて、アプリまでスピーディーにリリースできる開発者になりましょう。

難易度 初級

受講期間 無制限

React
React
React Native
React Native
Hybrid App
Hybrid App
TypeScript
TypeScript
expo
expo
React
React
React Native
React Native
Hybrid App
Hybrid App
TypeScript
TypeScript
expo
expo

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

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

4.8

5.0

shin jiun

98% 受講後に作成

제로초さんの出前アプリのクローンコーディング講座でRNに入門し、現場でRN、Expoでアプリ開発をしている開発者です。 従来のRN講座はcliベースの講座だったとすれば、今回の講座はRNでNext.jsの役割を果たしているExpoというフレームワークを積極的に活用する講座です。 従来の出前アプリのクローン講座もRN開発に必須な部分をすべて含んでいましたが、今回の講座はExpoがアップデートされて変更された部分をすべて詳細に説明してくださって良かったです。 他の講座はExpo Goを活用してRNをなぞるだけという感じでしたが、제로초さんの講座はdevelopment buildを活用してネイティブライブラリまで使用し、現場で必要なRN、Expoの知識をすべて教えてくださいました。 従来からExpoを使用していましたが、あいまいに理解していた部分まで明確に説明してくださいました。 おまけに、제로초さんがCursorを活用する様子を見ることができて良かったです。 Expoはとても便利で良いフレームワークですが、参入障壁があり導入しにくいと感じていましたが、この講座をきっかけに新規プロジェクトはExpoで始めるのが良いという認識が広く広まってくれると良いなと思います。

5.0

0S

100% 受講後に作成

[ 受講評 ] 1. 卓越した声と「ゼロチョ」というブランドへの信頼:ゼロチョさんの声がとても良い。 2. ドタバタ講義:講義についていこうとしてコードがこんがらがって講義のせいにしたけど...これを一人で何時間もうんうん悩んで解決した後、次の講義を見ると「たぶんここで迷ったでしょう」と再び教えてくれるのに、失敗すら意図した彼は一体... 3. AIシーズニング:カーソルを最大限活用すると言っていたのに、結局本人が最初から最後まで全部やる。YouTubeでさえAIが全部やってくれると言うのに...実際自分の最新講義ではAIをあまり活用しない。つまり、純粋にReact Nativeを学ぶことができる。(正直バイブコーディング感じでやっていたら即座に返金していた) 結論:次の講義も期待しています。

5.0

정지원

30% 受講後に作成

ゼロチョさんがReact Nativeの講座を開かれると聞いて、すぐに迷わず決済して一生懸命聞いています。必要な内容だけ説明してくださり、フィードバックも早くて良いです。ありがとうございます。 :)

受講後に得られること

  • Expoでアプリを素早く作ってみる

  • Expoの領域とNative領域の違いを区別する

  • アプリを素早くリリースする

  • リリース後、審査なしでアプリをアップデートする

あなたがReact開発者なら、あなたはすでにアプリ開発者です 🚀

Reactを知っているだけでAndroidとiOSアプリを同時に作れる時代が来ました。Expoは複雑なネイティブ設定なしに、Web開発者でも手軽にアプリを作成し、配布できるようにサポートします。特にリリース速度が重要なサイドプロジェクトやMVP開発に最適化されたツールです。個人開発者なら、Expoを学んでおくことでアプリ開発の外注まで受けることができます。この講義では、Expoの基本からアプリのリリース、アップデートまで実習中心に扱い、皆さんが持っているReactのスキルをアプリ開発へと自然に拡張できるよう導きます。

React Nativeはもう古いのではないですか? Flutterの方が良いのではありませんか? 🤔

この質問は本当によく聞かれます。はい、Flutterは間違いなく人気があり、完成度の高いフレームワークです。しかし、すでにReactを知っているなら? 話は完全に変わります。あえて新しい言語(Dart)を学び、新しいエコシステムを習得する必要はありません。ExpoとReact Nativeの組み合わせなら、Web開発者がすぐにアプリを作ることができます。設定もはるかに単純で、JS/TSベースなので生産性も抜群です。特にサイドプロジェクトやMVP、個人開発においては、スピードとリリースの利便性の面でExpoが持つメリットは明確です。Flutterも良いことは認めますが、React開発者にとってはExpoがはるかに「合理的な選択」になり得るということをお伝えしたいです。

この講義の特徴

📌 即座に実行可能な実践中心: コードを書き写すことよりも、実際にアプリを作ってみることに集中します。

📌迅速なアプリリリース: Expoを活用して素早くアプリを開発し、Android/iOSに同時配布するプロセスを学びます。

📌 実務経験に基づいた講義: 現場で実際にReact Native、Expoアプリを運用した経験をもとに、実務で発生しうる様々なエラーについて案内します。

📌 Reactさえできれば誰でも: アプリをリリースできます。TypeScriptで進行しますが、TypeScriptの分からない部分は教えます。

このような方におすすめです

ウェブはもうできるようになったけれど、アプリも一度作ってみたいです。

React開発者でウェブには慣れているけれどアプリは不慣れな方 / 個人開発者として技術スタックを広げたい方 — これでアプリの外注も可能に!

既存のウェブがあるサービスにアプリもリリースしたいです。
ウェブサービスのデザインそのままにアプリとしてリリースしたい方。単にウェブビューを被せるだけではなく、ネイティブ機能が少し必要な方

アプリをリリースしたいけれど、AndroidとiOSを別々に作らなければならず負担に感じています。
一つの言語で両方のアプリを(さらにはウェブまでも!)リリースしたい方

受講後には

  • AndroidとiOSアプリを直接作成し、リリースすることができます。

  • Webデベロッパーからアプリデベロッパーへと自然に拡張されます。

  • 必要であればNative側も触れるようになります(言語は別途学習が必要)

  • App Storeの審査なしでアプリをアップデートする方法を学べます。

  • サイドプロジェクトやMVPアプリを素早く完成させられる自信がつきます。

このような内容を学びます。

ナビゲーションもあっという間!

Next.jsと似たファイルルーターなので、簡単に習得できます。タブ、スタック、スワイプルーターをすべて学んでみましょう。

ジェスチャーベースのアニメーションもあっという間!

アプリならユーザーとのインタラクションが多いですが、react-native-reanimatedとreact-native-gesture-handlerで処理してみましょう。

画像アップロードや位置情報もあっという間!

Expoで関連機能がすべて提供されているので、簡単に作ることができます。ダミーデータはmiragejsを使用することで、サーバーなしでも作成可能です。バックエンドの開発者を待たずに、フロントエンドで先に全部やってしまいましょう!

配布後にアプリストアの審査なしでアップデート!

緊急エラーが発生したのに、ただひたすら審査を待つわけにはいきませんよね!Expoが提供するEAS Updateを使って、審査なしでアプリをリモートアップデートしてみましょう。(ちなみにダークモードも学びます(笑))

受講前のご注意事項

実習環境

  • 講義ではWindows 11を使用しています。iOSアプリをリリースするにはmacOSが必須です。

  • cursor IDEを使用しています。Visual Studio Codeと同じ環境ですので、VS Codeで進めていただいても構いません。

  • Expo SDK 53、React Native 0.79、Node 22を使用します。それ以上のバージョンでも互換性があります。

学習資料

前提知識および注意事項

  • JavaScript、Reactの基本知識

  • ウェブサイトを作った経験(CSS Flexを多用します)

  • 講義はTypeScriptで進められますが、重要ではありません。どのような型が必要かはお教えします。

こんな方に
おすすめです

学習対象は
誰でしょう?

  • Web開発者で、アプリの方へスキルを広げたい方

  • AndroidとiOSの両方のアプリを素早くリリースしたい方

  • 個人開発者として、ウェブだけでなくアプリの外注も受けたい方

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

  • React

  • JavaScript

こんにちは
zerochoです。

67,384

受講生

1,727

受講レビュー

9,762

回答

4.8

講座評価

25

講座

私の講義の強みはQ&Aです(Inflearn回答王を2回受賞)。24時間以内にできる限りお答えします!一緒に悩んでいるという気持ちで回答させていただきます!

私の講座の大きな強みはQ&Aサポートです。(インフラーンQ&A王賞を2回受賞)24時間以内にご質問にお答えし、最善を尽くしてサポートいたします!問題を一緒に解決している感覚を味わっていただけるでしょう。

👉ZeroCho Lectures
ZeroCho(ゼロチョ)講義の全ロードマップ。私の全コースの完全なロードマップはこちらでご確認いただけます。

– 『Node.js教科書』、『コーディング自律学習 ZeroChoのJavaScript』、『Let's Get IT JavaScript』、『TypeScript教科書』著者
ZeroCho.com 運営者
– 現) YouTubeにてZeroCho TVで開発関連の放送中
– 元) Smoretalk CTO
– 元) 今日のピックアップ CTO(カカオモビリティにエグジット後、カカオモビリティ最年少開発パート長)

  • Node.js教科書ZeroChoの独学JavaScriptLet's Get IT JavaScriptTypeScript教科書の著者

  • ZeroCho.comの運営者

  • 現在、開発関連のトピックを扱うYouTubeチャンネルZeroCho TVを運営中

  • SmoreTalk CTO

  • Today Pickup CTO(カカオモビリティに買収、最年少リード開発者として合流)

もっと見る

カリキュラム

全体

52件 ∙ (7時間 40分)

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

講座掲載日: 
最終更新日: 

受講レビュー

全体

57件

4.8

57件の受講レビュー

  • bobpark님의 프로필 이미지
    bobpark

    受講レビュー 4

    平均評価 5.0

    5

    30% 受講後に作成

    • chl9010309961님의 프로필 이미지
      chl9010309961

      受講レビュー 1

      平均評価 5.0

      5

      31% 受講後に作成

      • 0s님의 프로필 이미지
        0s

        受講レビュー 8

        平均評価 5.0

        5

        100% 受講後に作成

        [ 受講評 ] 1. 卓越した声と「ゼロチョ」というブランドへの信頼:ゼロチョさんの声がとても良い。 2. ドタバタ講義:講義についていこうとしてコードがこんがらがって講義のせいにしたけど...これを一人で何時間もうんうん悩んで解決した後、次の講義を見ると「たぶんここで迷ったでしょう」と再び教えてくれるのに、失敗すら意図した彼は一体... 3. AIシーズニング:カーソルを最大限活用すると言っていたのに、結局本人が最初から最後まで全部やる。YouTubeでさえAIが全部やってくれると言うのに...実際自分の最新講義ではAIをあまり活用しない。つまり、純粋にReact Nativeを学ぶことができる。(正直バイブコーディング感じでやっていたら即座に返金していた) 結論:次の講義も期待しています。

        • jiundev6487님의 프로필 이미지
          jiundev6487

          受講レビュー 5

          平均評価 5.0

          修正済み

          5

          98% 受講後に作成

          제로초さんの出前アプリのクローンコーディング講座でRNに入門し、現場でRN、Expoでアプリ開発をしている開発者です。 従来のRN講座はcliベースの講座だったとすれば、今回の講座はRNでNext.jsの役割を果たしているExpoというフレームワークを積極的に活用する講座です。 従来の出前アプリのクローン講座もRN開発に必須な部分をすべて含んでいましたが、今回の講座はExpoがアップデートされて変更された部分をすべて詳細に説明してくださって良かったです。 他の講座はExpo Goを活用してRNをなぞるだけという感じでしたが、제로초さんの講座はdevelopment buildを活用してネイティブライブラリまで使用し、現場で必要なRN、Expoの知識をすべて教えてくださいました。 従来からExpoを使用していましたが、あいまいに理解していた部分まで明確に説明してくださいました。 おまけに、제로초さんがCursorを活用する様子を見ることができて良かったです。 Expoはとても便利で良いフレームワークですが、参入障壁があり導入しにくいと感じていましたが、この講座をきっかけに新規プロジェクトはExpoで始めるのが良いという認識が広く広まってくれると良いなと思います。

          • silqwer님의 프로필 이미지
            silqwer

            受講レビュー 10

            平均評価 5.0

            5

            30% 受講後に作成

            zerochoの他の講座

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

            似ている講座

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

            期間限定セール、あと5日日で終了

            ¥50,820

            30%

            ¥8,850