iOS/Androidアプリ開発のための本番 React Native - Basic
Wintho
Mobile App Front-End開発のためのReact Nativeの基礎知識の習得を目指しています。進入障壁の低い言語/APIの活用により、非専門家も簡単にNative Mobile Appを開発できるように作られた講義です。
초급
React Native, React, ES6
BEST
iOS/Android アプリ開発のための本番 React Native - Intermediate
React Nativeベースのモバイルアプリ開発のための中級講義です。フロントエンドの深化内容学習だけでなく、Firebaseベースのバックエンド内容まで一緒に学びながら、サーバー連動/ログイン/データ送受信/公共API活用などが可能な一つの完璧なアプリを開発できるように作られた講義です。
学習した受講者のレビュー
こんなことが学べます
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,417
受講生
149
受講レビュー
82
回答
4.6
講座評価
2
講座
안녕하세요. 여러분들께 React Native 지식을 공유해드릴 Wintho 입니다.
저는 Computer Vision을 전공하여, 자동차 업계에서 자율주행 시스템을 개발했고, 현재는 로봇 업계에서 사물인식, 장애물 회피 등의 영상처리 Alg.을 개발하는 개발자입니다.
새로운 영역에서의 개발 Stack을 쌓아보고자 취미로 앱 개발을 시작했습니다. Java와 Swift 언어로 Android/iOS 네이티브 앱 개발도 해봤지만, React Native 만큼 진입장벽이 낮고 개발이 용이한 API도 없다고 생각됩니다. 쉬운 데다가 단 하나의 코드로 iOS/Android 동시 개발이 가능하다는 건 더할 나위 없는 메리트겠죠? :):)
외국에서는 이미 Mega Trend의 흐름에 합류하여 개발자들의 Community도 급증하고 있는 React Native입니다. 국내에서는 React Native의 명성에 비해 그 인지도가 낮은 것이 현실이고요. 많은 분들께 React Native의 훌륭함을 공유해드리고자 본 강의를 제작하게 되었습니다. 수업을 통해 목말라했던 지식을 습득하시는 유익한 시간이 되시길 바라며, 그를 통해 국내에서도 React Native 개발자들의 Community가 활성화 되길 바랍니다.
그럼 강의에서 뵙겠습니다. 감사합니다. ^^;
カリキュラム
全体
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
受講レビュー 6
∙
平均評価 5.0
- hamn201715
受講レビュー 24
∙
平均評価 4.9
期間限定セール、あと8日日で終了
￥9,689
24%
￥12,863
Winthoの他の講座
知識共有者の他の講座を見てみましょう！
似ている講座
同じ分野の他の講座を見てみましょう！
![真似して学ぶNode、Reactシリーズ - ショッピングモールサイト作り[全面リニューアル]강의 썸네일](https://cdn.inflearn.com/public/courses/325240/course_cover/d5d7e9a9-2d6f-4a81-84da-5e9cde3f39a4/nodereactecommerce-eng.png?f=avif&w=420)
![[2021]最近、誰が有料でWebサービスを構築するのか、Firebaseのすべて - Vue.js강의 썸네일](https://cdn.inflearn.com/public/courses/326594/cover/451fb778-2c07-4da1-bff9-c5ec71712928?f=avif&w=420)
![[Unity] 一緒に作っていく放置ゲーム開発강의 썸네일](https://cdn.inflearn.com/public/courses/334447/cover/a4464cfb-be08-4a40-b6e2-00060b912c1a/334447.png?f=avif&w=420)
