React Native で iOS / Android アプリ開発をゼロから始めよう!
4.2 (519 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
4,118 students enrolled

React Native で iOS / Android アプリ開発をゼロから始めよう!

React Native を使ったアプリ開発の初学者向け講座です。アプリ開発の全行程を一気に身につけましょう!
4.2 (519 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
4,118 students enrolled
Created by Shunsuke Sawada
Last updated 7/2020
Japanese
Current price: $139.99 Original price: $199.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 13.5 hours on-demand video
  • 22 articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • ゼロからアプリを制作して公開することができます!
  • コードを書いたことがなくてもアプリ開発を一気に学習することができます
  • 自分1人でアプリ開発できるようになります
  • Gitを使った現場に近いワークフローが身につきます
  • 面倒な開発環境を最小限の手間で構築できるようになります
Course content
Expand all 133 lectures 13:50:28
+ スケッチ
4 lectures 29:53
まずは手描きでスケッチ
05:39
Sketchとプラグインのインストール
07:31
Sketch作成(メモリスト)
05:44
+ 構造化の基本
3 lectures 21:14
エディタのインストール
02:30
HTMLの基本とChromeを使った確認方法
10:23
Sketchを見ながらメモリストを構造化する
08:21
+ スタイリングの基本
3 lectures 30:35
概要とメモリストのCSS(ヘッダー)
11:23
メモリストのCSS(追加ボタン)
12:25
+ プログラミングの基本
6 lectures 46:25
変数と値の種類
08:46
関数と繰り返し処理
11:42
JavascriptでHTMLを変更してみる
07:28
ボタンにイベントを設定する
05:45
条件分岐
07:30
+ GitとGithubの基本
4 lectures 29:41
Gitのインストール
05:19
初期化と初めてのコミット
08:49
Githubでのレポジトリ作成と鍵の作成
07:16
+ ReactNativeの開発環境を整える
11 lectures 31:08
Node JSのバージョン
00:35
Expo のインストール
01:40
Expo コマンドについての注意点
00:18
Xcode と iPhoneシュミレータのインストール
02:29
Android Studio のインストール
06:04
環境変数の設定に関する注意点
00:09
環境変数の設定 1
04:17
環境変数の設定 2
05:42
Android エミュレータのインストール
03:19
Android エミュレータのトラブルシューティング
03:15
+ Expo の使い方 / プロジェクトの構成とエディタの設定
14 lectures 01:04:43
Expoの制限
03:26
Expo で React Native のプロジェクトを新規に作成する
06:30
iOSシュミレータが立ち上がらない場合
00:33
iOS と Android で React Native を立ち上げる
09:22
Expo / React Native のプロジェクト構成
05:55
npm script で Android エミュレータを同時に立ち上げる
02:05
実機を使ったテストの注意点と --offline オプション
03:03
Expo のオプションと便利機能
05:48
新規プロジェクトをGithubで管理する
06:41
ESLint 7.3 のバグ
01:04
Eslintで構文チェック
10:44
Eslintの設定を変更する
07:14
このアプリのGithubレポジトリについて
00:26
+ ReactNativeでの構造化とスタイリング
6 lectures 47:18
小さな構造体(コンポーネント)を作成する
09:34
propsを使ってコンポーネントをカスタマイズする
05:50
画面全体の構造化とAppbarのスタイリング
10:25
MemoListのスタイリング
08:10
MemoAddButtonのスタイリング
09:13
+ 再利用可能なコンポーネントを抽出する
2 lectures 27:56
MemoList / Appbar / CircleButtonの切り出し
15:45
再利用可能なコンポーネントを使って画面を作成する
12:11
Requirements
  • 事前知識は不要です。Macを使用します。最新版のOSが望ましいです。
  • アプリを本番リリースする場合は $99/Apple と $25/Google 。リリースしない方の費用はありません。
Description

2018/12/02 追記

カスタムアイコンフォント関して、レッスン 54 - 58 を再収録しました。
最新のバージョンに更新されています。

———————-

2018/11/23 追記

Expo 使った開発環境の構築セクション7ー8を、最新のバージョンに更新しました!

———————-


React Native の登場によって、今までウェブ開発に使われていた技術の組み合わで、iOS / Android ネイティブアプリ開発が可能になりました。この講座は、アプリ開発を、スケッチ・構造化・スタイリング・プログラミング・リリースに分けて、それぞれの工程を行き来しながら、リリースまでの全行程を一気に学習できるような構成77にしています。

HTML / CSS / Javascript を中心に学習し、最終的にはすべてを Javascript で書いていきます。
初めてアプリ開発に挑戦する人向けに進めて行きますので、まったく知識が無くても大丈夫です。

また、開発環境の構築とリリース作業は、初学者がつまづきやすいステップの代表例です。
この講座では、最小限の手間で、iOS / Android の開発が進めるられるように Expo のセクションも設けました。Expo 使うと開発&確認が容易になり、リリース用のアプリも書き出せるので、とても便利です。

また、開発現場には欠かせない Git や Github も取り入れ、実際の開発プロセスに近付けていますので、
これから開発の仕事に関わりたいと思っている方にも最適です。


この講座でできる成果物

  • メモの作成・保存・編集ができるシンプルなモバイルアプリ

  • メモアプリは高機能ではありませんが、メンバー登録、ログイン、メモ作成・編集・閲覧といった基本機能が実装されています


主に使用する技術

  • React Native

  • Expo

  • HTML

  • CSS

  • Javascript

  • Firebase

  • Cloud Firestore


必要になる可能性がある費用

  • USD $99(App Store にアプリを公開するために Apple に支払う)

  • USD $25(Play Store にアプリを公開するために Google に支払う)


※ リリースは最終セクションにまとめていますので、公開しない方は、特に費用はかかりません。
※ Course thumbnail is Designed by Freepik

Who this course is for:
  • まったくコードを書いたことがなくても大丈夫です。
  • 開発の全体像をつかみたい方にも向いています。
  • 趣味でアプリをつくってリリースしたい方はこの講座をベースに色々発展させられると思います。
  • その他、アプリをつくってリリースするまでを包括的に学びたい方。