iOS/Androidアプリ開発のための本番 React Native - Basic
Wintho
Mobile App Front-End開発のためのReact Nativeの基礎知識の習得を目指しています。進入障壁の低い言語/APIの活用により、非専門家も簡単にNative Mobile Appを開発できるように作られた講義です。
Basic
React Native, React, ES6
iOS/Android アプリ開発のための本番 React Native - Intermediate
React Nativeベースのモバイルアプリ開発のための中級講義です。フロントエンドの深化内容学習だけでなく、Firebaseベースのバックエンド内容まで一緒に学びながら、サーバー連動/ログイン/データ送受信/公共API活用などが可能な一つの完璧なアプリを開発できるように作られた講義です。
React Native
React Native
Redux
Redux
Firebase
Firebase
学習した受講者のレビュー
学習した受講者のレビュー
4.7
5.0
Qok Forte
100% 受講後に作成
個人的に多くを学んだ講義でした。最初は無条件で書いてみるように進んでいましたが、エラーが出たときにチェックするのも難しく、今何しているのか自らの会議感もどんどん生じ、途中で再び最初に戻って関連するdocsやフォーラムスレッドのようなものを見つめながら、同時に日誌を記録していきながら行ってみました。いつのまにか頑張りましたが、振り返ってみるとウェブ開発経験はもちろんアプリ開発経験もなかった私には単にreactやrn、reduxなどを扱った経験だけでなく、開発習慣、目標、さらには開発者としての視野も少し持っていける時間ではなかったのか思います。講義で多くの部分を扱ってくれますが、特にアプリ自体を企画したり構成する段階を見せ続けようとしたのが記憶に残るようです。良い講義をお任せいただきありがとうございます。今後も機会があれば、他の講義でまたお会いできることを願っています。
5.0
Hoing
65% 受講後に作成
いいですね
5.0
몽몽
16% 受講後に作成
価格は少し高いですが、その分役に立つ講義です
受講後に得られること
React Native 深化内容
簡単なアプリ状態管理のためのReduxの概念と使い方
React Native Debuggerを活用してReduxのロジックを理解し、アプリの状態を確認する方法
Component（画面コンポーネント）アプリケーション用の関連外部ライブラリの活用方法
簡単な開発のためのアプリ構造（画面ツリー構造、Reduxシステム構造、サーバー連携のためのミドルウェア構造など）の設計方法
サーバー連携のためのFirebaseの概念と使用法
FirebaseをReact Nativeに関連付けてサーバーを連携する方法
会員登録/ログイン/ログアウト機能
データ読み取り/書き込み/変更/削除機能
ユーザー識別子ベースのアカウント管理とサーバーデータアクセス権の設定
公共APIの概念と使用法
コロナ19および微細粉塵公共データの活用方法
リアクトネイティブ（React Native）で
モバイルアプリの開発に挑戦！
次の順序で
進む。
セクション 0: Intro
アプリ開発のA to Z体験が必要な方のために準備しました。
セクション 1 : Redux(リダックス)
Reduxはアプリの状態を簡単に管理するためのフレームワークであり、オープンソースのJavaScriptライブラリです。開発をしていますこれらのReduxの概念と動作原理を学習できるセクションです。
セクション 2:新規プロジェクトの作成とセットアップ
1つの完璧なアプリを実装するためには、プロジェクト構造の設計が重要です。
セクション3：ログイン画面の実装（フロントエンド）
ログイン画面のフロントエンド開発をカバーします。開発効率を向上させるために繰り返し使用される再利用コンポーネントを直接作成し、ログイン用の電子メールアドレス/パスワードルールと検証フレームワークを定義します。
セクション 4:ログイン画面の実装(バックエンド)
Firebase（ファイアベース）を利用してログインに関連するバックエンドを実際に実装してみます。
セクション5:日記画面の実装
React Nativeの深化内容学習だけでなく、バックエンドの核心であるデータのCRUD（Create、Read、Update、Delete）の説明や実際の実装で進められます。目指すセクションです。
セクション 6: ニュース画面の実装
公共APIとは政府機関で国民に提供してくれるオープンAPIであり、それを通じて誰でも公共データにアクセスすることができます。
この講義だけの特徴
確認してみてください。
一つ、React Nativeの開発に必要な選手知識内容を一つの講義に盛り込みました。
真のReact Native開発者として生まれ変わるために必須である必要があるReduxの概念を扱います。あります。
どちらも、フロントエンド講義ですが、バックエンドも一緒に扱います。
本講義は、サーバーと連動する実際のアプリ開発を目指します。 したがって、React Nativeの深化内容学習だけでなく、バックエンドの実装内容も一緒に学ぶことになります。
三、Firebaseを書いて、バックエンドは本当に簡単に学びます。
Firebaseはバックエンド機能をクラウドサービスの形で提供し、モバイルサーバーを開発するための進入障壁を存分に下げたアプリ開発プラットフォームです。壊れるというかお知らせします。
はい、パブリックAPIの活用方法を学びます。
公共APIは、政府機関が国民に提供するオープンAPIであり、誰でもアクセス可能です。
リアクトネイティブ開発の
全体的なプロセス
体験できます！
この講義を聞いたら？
- 一人で力でちゃんとしたアプリ一つを開発できるようになるんです。
- それもstand-aloneアプリではなく、サーバー通信をするアプリです！
このレッスンを聞く前に、あなたはいくつかのコンポーネントの組み合わせで簡単な画面を書くことができます。 Firebaseを学んでログインだけでなく、データの読み書き、修正、削除などを扱えるようになります。
アプリ開発の観点から見れば、皆さんの能力はかなり多くの段階を飛び越えることになり、実際のアプリ開発や現業でのco-workまでも十分にできる中級者以上のアプリ開発能力を保有することになると思います。
受講前に参考にしてください！
- このレッスンではMacOSを使用しています。
- 本講義では、React Native CLIを使用します。
- この講義は、知識共有者の事情によって回答が遅れることがあることをご了承ください。
よくある質問
確認してみてください。
Q. React Nativeを学ぶと何がいいですか？
1つのコードでiOSとAndroidアプリを同時に開発できます🙂
Q.この講義の特長は何ですか？
React Nativeの深化内容だけでなく、Firebaseベースのバックエンド（サーバー連動）を学ぶことができます。
Q. React Nativeの基本理解が少し不足していますが、この講義を受講してもいいですか？
React Nativeに初めてアクセスしたり、基礎開発能力が不足している方は、 「iOS/Androidアプリ開発のための本番React Native – Basic」講義で取り上げる内容の選手学習が必要です。
Q.レッスンに使用したソースコードを提供していますか？
はい、授業資料でアップロードしました（右上の[講義資料]ボタンまたは雲アイコンをクリックしてダウンロードできます。）
Q. Mac環境でのみ開発できますか？
いいえ。React Native CLIを使用してもWindows環境でReact Nativeを開発できます。
この講義を作った
知識共有者を紹介します。
Wintho
こんにちは、React Nativeの知識を共有するWinthoです。
私はComputer Visionを専攻して自動車業界で自律走行システムを開発し、現在はロボット業界で物事認識、障害物回避などの映像処理アルゴリズムを開発する開発者です。
新しい領域での開発 Stackを積んでみて、趣味でアプリの開発を始めました。
外国ではすでにMega Trendの流れに加わり、開発者たちのCommunityも急増しているReact Nativeです。深化学習講義を制作するという受講生の方々との約束を守るため、本講義を作ることになりました。
では講義でお会いしましょう:-)
知識共有者の他の講義が気になったら？
iOS/Android アプリ開発のための本番 React Native - Basic
起動だけで終了できないアプリプログラミングは今No！
こんな方に
おすすめです
学習対象は
誰でしょう？
React Native 基礎知識習得を完了し、深化内容の学習が必要な方
断片的なコンポーネントの使い方学習ではなく、実際のアプリ開発に必要なスキルの習得とアプリケーションが必要な方
Stand Aloneアプリではなく、サーバーと連動するアプリ開発能力が必要な方
侵入障壁の低いバックエンドコンテンツ学習が必要な方
フロントエンドとバックエンドを一緒に扱う講義をお探しの方
公共APIの活用方法を学びたい人
アプリ開発のA to Z体験が必要な方
1つのアプリを正しく開発したい人
本当のアプリ開発者として生まれ変わりたい方
前提知識、
必要でしょうか？
React Nativeの基本的な理解と基礎開発能力が必要です。本講義は「iOS/Androidアプリ開発のための本番React Native – Basic」講義で取り上げた内容を学習完了またはそれに準ずる知識を持っているという前提のもとで説明が行われ、より深化した内容の学習のためのコンテンツである。構成になりました。 React Nativeを初めてご利用の方は、Basic講義を選手学習してください。
2,446
受講生
153
受講レビュー
82
回答
4.6
講座評価
2
講座
こんにちは。皆さんにReact Nativeの知識を共有するWinthoです。
私はコンピュータビジョンを専攻し、自動車業界で自動運転システムを開発してきました。現在はロボット業界で物体認識や障害物回避などの画像処理アルゴリズムを開発しているエンジニアです。
新しい領域での開発スタックを積んでみようと、趣味でアプリ開発を始めました。JavaやSwift言語でAndroid/iOSのネイティブアプリ開発もしてみましたが、React Nativeほど参入障壁が低く、開発しやすいAPIはないと感じています。簡単なうえに、たった一つのコードでiOS/Androidの同時開発が可能だというのは、これ以上ないメリットですよね？ :):)
海外ではすでにメガトレンドの流れに乗り、開発者のコミュニティも急増しているReact Nativeですが、国内ではその名声に比べて認知度が低いのが現実です。多くの方々にReact Nativeの素晴らしさを共有したいと思い、本講義を制作することになりました。授業を通じて、求めていた知識を習得できる有益な時間になることを願っており、それを通じて国内でもReact Native開発者のコミュニティが活性化することを願っています。
それでは、講義でお会いしましょう。ありがとうございました。^^;
カリキュラム
全体
83件 ∙ (9時間 0分)
講座資料（こうぎしりょう）:
授業資料
1. Intro
02:49
2. アプリの成果をプレビュー
02:45
3. Reduxとは
01:33
4. Reduxのデータフロー
04:11
6. dispatch
01:18
7. store と state
01:21
8. reducer
01:20
9. connect
02:50
10. Reduxの使用目的
02:57
講座掲載日:
最終更新日:
受講レビュー
全体
27件
4.7
27件の受講レビュー
chillystove2005受講レビュー 1
∙
平均評価 5.0
5
100% 受講後に作成個人的に多くを学んだ講義でした。最初は無条件で書いてみるように進んでいましたが、エラーが出たときにチェックするのも難しく、今何しているのか自らの会議感もどんどん生じ、途中で再び最初に戻って関連するdocsやフォーラムスレッドのようなものを見つめながら、同時に日誌を記録していきながら行ってみました。いつのまにか頑張りましたが、振り返ってみるとウェブ開発経験はもちろんアプリ開発経験もなかった私には単にreactやrn、reduxなどを扱った経験だけでなく、開発習慣、目標、さらには開発者としての視野も少し持っていける時間ではなかったのか思います。講義で多くの部分を扱ってくれますが、特にアプリ自体を企画したり構成する段階を見せ続けようとしたのが記憶に残るようです。良い講義をお任せいただきありがとうございます。今後も機会があれば、他の講義でまたお会いできることを願っています。
- quickcoding
受講レビュー 3
∙
平均評価 5.0
- daeiljo3458
受講レビュー 2
∙
平均評価 4.5
- arcanum7264996
受講レビュー 7
∙
平均評価 5.0
- hamn201715
受講レビュー 26
∙
平均評価 4.9
￥13,443
Winthoの他の講座
知識共有者の他の講座を見てみましょう！
似ている講座
同じ分野の他の講座を見てみましょう！
![[リニューアル] グルメマップアプリ作成 (React Native & NestJS)Course Thumbnail](https://cdn.inflearn.com/public/files/courses/332375/cover/01k3x8ecea6jym1d28qcc6zcds?f=avif&w=420)
![[2021]最近、誰が有料でWebサービスを構築するのか、Firebaseのすべて - Vue.jsCourse Thumbnail](https://cdn.inflearn.com/public/courses/326594/cover/451fb778-2c07-4da1-bff9-c5ec71712928?f=avif&w=420)
![フォローして学ぶリアクト、ファイアベース - チャットアプリケーションを作る[2023.12リニューアル]Course Thumbnail](https://cdn.inflearn.com/public/course-326181-cover/d012cab3-58e1-45cd-899e-03f86c7b1df1?f=avif&w=420)
![[Unity] 一緒に作っていく放置ゲーム開発Course Thumbnail](https://cdn.inflearn.com/public/courses/334447/cover/a4464cfb-be08-4a40-b6e2-00060b912c1a/334447.png?f=avif&w=420)
