React Native, Firebase, Expo でアプリ開発をゼロから始めよう！

React NativeとExpoを使ったモバイルアプリ開発のオールインワン講座。UIデザイン・開発・リリースまで、アプリ開発の全行程を一気に身につけましょう！＜React Hooks 対応 / Git も学べる＞

What you'll learn:

• ゼロからアプリを開発して公開することができます
• アプリ開発の全工程を把握することができます
• Figmaを使ったUIデザインの基本を知ることができます
• Git / Githubを使った現場に近いワークフローが身につきます
• Expo / Xcode / Android Studioを用いて開発環境を構築することができます
• React Native を使って実際にモバイルアプリを開発します
• React Navigation を使って画面遷移を実装します
• Firebase を使って会員登録・ログインを実装します
• Firestore を使ってデータをデータベースに保存します
• アプリをビルドして、ストアにリリースできるようになります

React Native は、Web技術の組み合わで、iOS / Androidネイティブアプリを同時に開発することができます。初学者にも分かりやすい開発手法にも関わらず、本格的なアプリをつくることができます。

この講座は、アプリ開発を以下の工程に分割して進行します。

• 1. Plan（計画）

• 2. Design（デザイン）

• 3. Markup（構造化）

• 4. Styling（装飾）

• 5. Programming（機能）

• 6. Release（ストアに並べる）

  
  

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

Figma を使ったUIデザインの基本も盛り込みました。
まさにアプリ開発のオールインワン講座となっています。

この講座では Expo を使用します。
Expo を採用することで、開発環境の構築とリリース作業が大幅に簡略化されました。
開発環境の構築とリリース作業は、初学者がつまづきやすいステップの代表例ですので、特に丁寧に解説しています。

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

主な機能

シンプルながら、基本的な機能を網羅したメモアプリを作成します。
メモはクラウド上に保存され、端末を変更してもアプリ利用を継続することができます。

• 会員登録（メールアドレスとパスワードで登録）

• ログイン・ログアウト

• リアルタイムデータベース（作成、編集、削除、一覧、詳細）

• ナビゲーション（画面から画面への移動）

　　

主に使用する技術

• React, React Native

• React Hooks, Function Component

• React Navigation

• Expo

• Javascript

• ESLint

• Firebase Authentication

• Cloud Firestore

• Figma (UIDesign)

　　

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

• USD $99/year（App Store にアプリを公開するために Apple に毎年支払う）

• USD $25（Play Store にアプリを公開するために Google に1度だけ支払う）

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

ーーーーーーー

この講座は、2021年と2023年に再収録のリニューアルを実施しています。
そのため、コース後半にはリニューアル前の動画が残っています。リニューアル公開時に受講されていた方が困らないための措置ですが、コース紹介ページには収録時間が合計して表示されていること予めご了承下さい。