【入門編】React Native & Expo でアプリ開発のスキルを身につける!

アプリ開発の登竜門であるTodoリストアプリを開発しながら、React Nativeでのアプリ開発スキルを身につけていきましょう。

4.45 (15 reviews)
Udemy
platform
日本語
language
Mobile Apps
category
instructor
136
students
10 hours
content
Nov 2022
last update
$19.99
regular price

What you will learn

プログラミングの基本的な考え方を学べます

JavaScriptの基礎が身につきます

モバイルアプリ開発の概要について学べます

React Nativeについて学べます

React Nativeアプリの開発環境構築ができるようになります

React Nativeアプリの開発ができるようになります

Description

Expoを使用したReact Nativeアプリを開発していくことで、

アプリ開発のスキルを習得可能なコースとなっています。


開発環境の構築〜アプリ開発方法について詳しく解説していますので、

プログラミング未経験者の方はもちろんのこと、プログラミングスキルを向上させたい方や、React Nativeでのアプリ開発を学びたい方など、幅広く対象となるようなコースになるよう作りました。


コースの内容

  • Todoリストアプリを作れる

  • JavaScriptの基礎を学べる

  • モバイルアプリ開発の基礎を学べる

  • 開発環境の構築について学べる

  • Expo & React Nativeの基礎を学べる

  • アプリ開発方法 & プログラミング手法を詳しく解説


コースの特徴

  • 分かりやすいコース構成

    一目で分かりやすいコース構成となるようにしました。


  • セクション毎の明確な作業分け

    セクション毎に行う作業を統一するようにしました。

    アプリ開発セクションでは「画面の作成」「UIの作成」「機能の作成」と開発工程を明確に分けています。


  • 豊富なスライド

    多くのスライドを作成して分かりやすい解説ができるようにしました。


  • 動画内の無駄なシーンをカット

    スムーズな学習を行えるように、動画内の無駄なシーンをカット編集しました。


  • リソースの充実

    レクチャー内で参照するWebサイトへのリンクや、アプリ内で使用する画像のダウンロードリンクを

    全てをレクチャーの「リソース」へ設定しています。

    これによりスムーズな学習を行えるようにしています。


Content

はじめに

はじめに
ソースコード
資料
本コース作成時の環境について

JavaScriptの基本構文を学ぶ

セクション概要
JavaScriptとは
学習環境の準備
変数と定数
演算子
条件分岐 if文
条件分岐 switch文
繰り返し処理 for文
繰り返し処理 while文
配列
連想配列
関数(メソッド)
クラス
配列関数
練習問題1 FizzBuzz問題
練習問題2 宝くじの当選
練習問題2 宝くじの当選(配列関数版)

React Nativeの基礎を学ぶ

セクション概要
モバイルアプリ開発の基礎
React Nativeの基礎
Expoについて学ぶ

開発環境の構築

セクション概要
Node.jsのインストール
Expoのインストール
Visual Studio Codeのインストール
Xcodeのインストール
Android Studioのインストール
iOSシミュレーター&Androidエミュレーターのセットアップ

React Nativeを使ってみる

React Nativeを使ってみる
テキストを作成してみる
デザインを加えてみる
ビューを作成してみる
画像を表示してみる
ボタンを作成してみる
アラートを表示してみる
横並び / 縦並び ビューを作成してみる
デザインの仕上げ
コンポーネント化してみる

【アプリ】プロジェクトの初期設定

セクション概要
プロジェクト作成
プロジェクト構成について学ぶ
テキストエディタの設定

【アプリ】画面作成

セクション概要
ライブラリのインストール
ホーム画面を作成する
タブ管理画面を作成する
ナビゲーション設定を行う
画面遷移を実装する
ステータスバーの設定を行う

【アプリ】UI作成

セクション概要
チェックマークを作成する
Todoリストアイテムを作成する
Todo追加ボタンを作成する
タブリストアイテムを作成する
削除ボタンを作成する
入力ダイアログ(アラート)を表示する
タブビューを作成する
リストビューを作成する
iPhone UI調整
Android UI調整
UI作成 仕上げ

【アプリ】機能作成

セクション概要
AsyncStorageの導入
React Native Debuggerのインストール
【タブ】追加&取得処理の実装
【タブ】表示処理の実装
【タブ】編集処理の実装
【タブ】削除処理の実装
【タスク】追加&取得処理の実装
【タスク】表示処理の実装
【タスク】編集処理の実装
【タスク】削除処理の実装
【タスク】チェック処理の実装
初期設定Todoの登録処理を実装
機能作成 仕上げ

【アプリ】仕上げ

アプリアイコンを設定
スプラッシュスクリーンを設定
app.jsonの設定

おわりに

おわりに

Screenshots

【入門編】React Native & Expo でアプリ開発のスキルを身につける! - Screenshot_01【入門編】React Native & Expo でアプリ開発のスキルを身につける! - Screenshot_02【入門編】React Native & Expo でアプリ開発のスキルを身につける! - Screenshot_03【入門編】React Native & Expo でアプリ開発のスキルを身につける! - Screenshot_04

Reviews

Katsuhiro
September 25, 2022
javascriptの講座から始まって、ToDoアプリ完成まで、コンポーネントを作りながら画面と機能を仕上げていく丁寧な作りになっていて、とても勉強になり、ボリュームも初心者の自分にちょうどよいくらいでした。そのため、挫折することなく、短期集中型で、丸一週間でゴールまでたどりつきました。初心者でもゴールにたどり着けるような講座を用意していただいたことを、講師の方に感謝します。  まだまだ、JavaScriptの関数が理解できてないので、React Nativeの作法に なれていませんが、少し作法を勉強して、2周目に挑戦してみようと思っています。

Charts

Price

【入門編】React Native & Expo でアプリ開発のスキルを身につける! - Price chart

Rating

【入門編】React Native & Expo でアプリ開発のスキルを身につける! - Ratings chart

Enrollment distribution

【入門編】React Native & Expo でアプリ開発のスキルを身につける! - Distribution chart
4525596
udemy ID
1/31/2022
course created date
4/15/2022
course indexed date
Bot
course submited by