inflearn logo
知識共有
inflearn logo

デリバリーアプリ クローンコーディング [with React Native]

React Nativeで配達ライダー向けアプリを作ってみます。6年間で5つ以上のReact Nativeアプリを開発し、カカオモビリティに売却した経験を持つ開発者による講座です。

難易度 中級以上

受講期間 無制限

React Native
React Native
React Native
React Native

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

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

4.8

5.0

wodnjs306

54% 受講後に作成

講義方法はコードレビューです。アプリ作成パートからはフォルダ構造や画面構成で一緒にコーディングするが、基本的な枠組みは講師様が編んだコードをつけて一緒に一つ一つ読みながら流れを把握する方法で、JavaScriptとリアクトをある程度従うことができるレベルになったときわかります。講師よりは職場先輩のような感じで良かったです。説明する時は本でも詳しく説明しないので、ただ覚えていたことを深く説明したり、逆にあえて一つ一つ乗じながらする必要はないもの(例えば export default、useState、三項演算子など)は果敢に過ぎて入門者よりも確かに中級者に似合うと見られました。私は実務中に必要に応じて講義を受講することになりましたが、私ととてもよく合います!

5.0

김민석

81% 受講後に作成

React Native 独学3ヶ月目の就学生です。学園に数百ずつ出して勉強するより一人でグーグルしながら一つずつ学んでいくのが価値があると感じて勉強をし、一定線以上では跳躍するのが難しく、この講座を購入するようになりました。実務者にしか聞こえない価値ある知識を受け取っているようで、とてもやりがいの時間でした。ありがとう:)

5.0

alphacircle0322

83% 受講後に作成

蜂蜜のヒントをたくさん知っていきます。理解しやすく、助けが確実になります。一つ残念なのは、実際の実務で書くようにクリーンなコードを維持するための蜂蜜チップも得たかったが、思ったよりも重複したコード、重複したコンポーネント、同じ機能をする関数が多かった。私が書くようにコードを見ることができると思いました。 タイプ定義ももっときれいにすることができるでしょう。

受講後に得られること

  • リアクトネイティブ

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

  • トークン認証

  • ネイバー地図

  • ネイティブモジュール

  • ウェブソケット

  • プッシュ通知

  • コードプッシュ

  • アプリリリース

"信頼して聴ける" ZeroCho
モバイルアプリ開発講義! 🤳

この講座では?

React Nativeでライダー用配達アプリを模倣して作りながら
環境設定、開発、配布まで全て学んでみましょう!
(Reactをご存知なら、誰でもアプリを作ることができます。)


講義の企画背景
🖋️

React Nativeを通じて現在の会社のアプリを作り、安定的に運営し、カカオモビリティへの会社売却も可能になったため、私にとって非常にありがたい技術です。
しかし、市販されているReact Nativeの講義を見ると、ほとんどがExpoを使っていたり、あまりにも簡単なアプリなのでネイティブ層を扱わない講座が多かったです。(JSさえ知っていればネイティブを知らなくてもアプリが作れるという誤った情報も多かったです。)
そこで私なりのスタイルで、誤解を正し、最初のプロジェクト設定からリリースまでに経験することを現実的にお伝えしたく、講義を作りました。

ZeroChoとは誰ですか?

노드 교과서

Web開発ベストセラー
<Node.js教科書> 著者


오늘의픽업

株式会社 今日のピックアップ
CTO

📌 分からないことがあれば、質問してください!
24時間以内に素早く回答いたします。

講義の特徴 📚

  • リアクトネイティブが現実的にどのような長所と短所があるのか、正確にお教えします。
  • 6年間リアクトネイティブでアプリを作りながら、ZeroChoが経験した悩みとノウハウが凝縮されています。
  • 講義資料、参考資料、ソースコードがすべて!準備されています。
  • ZeroChoの講座はQ&Aの回答がものすごく早いのはご存知ですよね?
    さらに追加で!受講生の皆さんの質問が多い内容や、もっと知りたい内容があればボーナス講座として制作してアップロードいたします。Q&Aにいつでも意見を残してください!

誰がこの講義を受けると良いですか?

AndroidとiOSを
両方学ぶのは負担に感じる方

他プラットフォームへの
技術スタック拡張を希望される方

React Native一つで
アプリのリリースまで行いたい方

講義を受講した後の自分の姿 💭

  • リアクトネイティブ(React Native)によるアプリ制作
  • App StoreおよびPlay Storeへの配布
  • React Nativeとネイティブ側の連動

講義内容をチラ見せ 📣

1. ログイン、ログアウト


2. スプラッシュスクリーン、コードプッシュの適用


3. 一連の配送プロセス
(注文の受諾、現在地の確認、配送完了後の画像アップロード、収益の確認)


4. TMap連動


予想される質問への回答❔❕

Q. Reactを知っておく必要がありますか?

はい、React NativeもReactです。よく分からない方は、私の無料講座を先に見ていただければ、十分に理解できます。さらに、CSSのFlexに関する知識がある程度あると望ましいです。

Q. 必ずタイプスク립トでなければなりませんか?

講座のどの部分がTypeScriptのコードなのかを正確にお伝えするため、ご希望であればTypeScriptを除いてJavaScriptに変換して学習することも可能です。
しかし、JavaScriptのエコシステムは現在、ほぼTypeScriptに移行したと考えて間違いありません。大企業が新規開発を行う際は、ほとんどTypeScriptを使用しているという点は参考にしてください!

Q. ReactとReact Nativeは似ていますか?

基本的な原理(state、props、ライフサイクル、フックなど)は似ています。しかし、divやinputのようなコンポーネントの代わりに、ネイティブに対応するコンポーネントが別途存在します。画面の描き方は講座で別途お教えします。

Q. 最近Flutterが人気ですが、あえてReact Nativeである理由はありますか?

Flutterの代わりにReact Nativeを使用した理由であるCodePush(リリースなしでリアルタイムにソースを変更)も一緒に学びますので、講義で確認してください!

Q. MacやiPhoneが必要ですか?

Android側はWindowsでも十分であり、講座もWindowsで進行されます。ただし、iPhoneアプリの開発をするには、Windowsでは非常に遅くライセンスの問題もあるため、Macが必要です。iPhoneは必須ではありませんが、リリース前のテストのために持っているとより良いです。


その他 
🛠️

こんな方に
おすすめです

学習対象は
誰でしょう?

  • React Nativeでアプリ開発をしたい方

  • Reactを通じて他のプラットフォームへ技術スタックを広げたい方

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

  • リアクト

  • JavaScript

こんにちは
zerochoです。

67,650

受講生

1,741

受講レビュー

9,765

回答

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(カカオモビリティに買収、最年少リード開発者として合流)

もっと見る

カリキュラム

全体

63件 ∙ (13時間 47分)

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

受講レビュー

全体

63件

4.8

63件の受講レビュー

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

    受講レビュー 2

    平均評価 5.0

    5

    81% 受講後に作成

    React Native 独学3ヶ月目の就学生です。学園に数百ずつ出して勉強するより一人でグーグルしながら一つずつ学んでいくのが価値があると感じて勉強をし、一定線以上では跳躍するのが難しく、この講座を購入するようになりました。実務者にしか聞こえない価値ある知識を受け取っているようで、とてもやりがいの時間でした。ありがとう:)

    • wodnjs3062161님의 프로필 이미지
      wodnjs3062161

      受講レビュー 5

      平均評価 4.8

      5

      54% 受講後に作成

      講義方法はコードレビューです。アプリ作成パートからはフォルダ構造や画面構成で一緒にコーディングするが、基本的な枠組みは講師様が編んだコードをつけて一緒に一つ一つ読みながら流れを把握する方法で、JavaScriptとリアクトをある程度従うことができるレベルになったときわかります。講師よりは職場先輩のような感じで良かったです。説明する時は本でも詳しく説明しないので、ただ覚えていたことを深く説明したり、逆にあえて一つ一つ乗じながらする必要はないもの(例えば export default、useState、三項演算子など)は果敢に過ぎて入門者よりも確かに中級者に似合うと見られました。私は実務中に必要に応じて講義を受講することになりましたが、私ととてもよく合います!

      • bywlslgnsl207453님의 프로필 이미지
        bywlslgnsl207453

        受講レビュー 2

        平均評価 4.5

        4

        56% 受講後に作成

        初心者には少し難しいと思います。 難しいけどとりあえず聞いて判断してみようという気持ちで授業を聴き始めましたが、ここで本当に基礎がないことに気づきました。 😆😆😆😆😆 少し残念だったのは、授業で a を説明している途中で b が思い浮かんで b を説明し始めるなど、少し整理されていない感じがします。他の授業のように ppt や画像を使って整理するのではなく、授業中に概念をタイプしながらその都度説明してくれます。時々、授業に集中しないと、何を言おうとしているのか理解できないことがあります。授業に集中すると、むしろ良い点かもしれません..? 初級以上の授業を聴かないと、スムーズに聴くことはできないと思います。とにかく、react を勉強して、半分くらい聴いて授業を止めておきました... ここでさらに聴いても理解できないと思うので。 ゼロから超初心者

        • choisee020223님의 프로필 이미지
          choisee020223

          受講レビュー 1

          平均評価 5.0

          5

          100% 受講後に作成

          一つのアプリを一緒に作ってみるオールインワン講義です。実務やアプリの発売を本当にしてみたい方には、宝石のような講義のようです。スイカの舐め式で大体簡単に作ってみるのではなく、実際のRNでアプリをリリースした経験に基づいてRNでアプリをリリースすると、苦しむ苦情をヒントに溶かして授業中に集中して聞くことになります。 実務に適用が必要な方にお勧めです。難易度は多少あるかもしれませんが、すべて聞いたら、RNでアプリをリリースする際にどのような部分が必要かを確実に知ることができます。講義ありがとうございます! そして私のように意志が弱かった方はゼロチョ様が運営されるタイムアタックを強くお届けします。 毎週進歩目標のように受講される方々のフィードバックを見て怠惰になるのを防ぐことができますㅎㅎ

          • alphacircle03226197님의 프로필 이미지
            alphacircle03226197

            受講レビュー 1

            平均評価 5.0

            5

            83% 受講後に作成

            蜂蜜のヒントをたくさん知っていきます。理解しやすく、助けが確実になります。一つ残念なのは、実際の実務で書くようにクリーンなコードを維持するための蜂蜜チップも得たかったが、思ったよりも重複したコード、重複したコンポーネント、同じ機能をする関数が多かった。私が書くようにコードを見ることができると思いました。 タイプ定義ももっときれいにすることができるでしょう。

            • zerocho
              知識共有者

              "実務でコーディングする時は時間がなく面倒で、この講座のように重複したコードが多いです。むしろ、もっと実務を反映したのですね!&quot;... は冗談です。時間が経過したら一度修正してみましょう。ありがとうございます

            • そのコメントに共感します。今講義構成もとても良いです。リファクタリングセクションが別々に存在し、全体のリファクタリングではなくても、1つを正しくリファクタリングする講座があれば本当に完璧な講義になりそうです!

          zerochoの他の講座

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

          似ている講座

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

          ¥8,972