When you enroll through our links, we may earn a small commission—at no extra cost to you. This helps keep our platform free and inspires us to add more value.

Udemy logo

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

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

     
  • 4.5
  •  |
  • Reviews ( 1.5K )
₹519

This Course Includes

  • iconudemy
  • icon4.5 (1.5K reviews )
  • icon27h 40m
  • iconenglish
  • iconOnline - Self Paced
  • iconprofessional certificate
  • iconUdemy

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

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 (UI Design)

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

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

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

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

What You Will Learn?

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