Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS AWS Certified Developer - Associate CompTIA Security+
Photoshop Graphic Design Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Mindfulness Personal Development Personal Transformation Meditation Life Purpose Coaching Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
2020-12-19 00:20:55
30-Day Money-Back Guarantee

This course includes:

  • 6.5 hours on-demand video
  • 1 article
  • Full lifetime access
  • Access on mobile and TV
Development Mobile Development React Native

実践編:React NativeとFirebaseで作るiOS/Androidアプリ:お店レビューアプリ開発編

アプリはReact Native、バックエンドにFirebaseを採用し、サーバーと連携したアプリを開発します。実際に「お店レビューアプリ」を作りながら学びます。実務にも活用できるアプリ開発・運用方法を手に入れよう!
Rating: 4.4 out of 54.4 (71 ratings)
670 students
Created by Takahiko Wada
Last updated 12/2020
Japanese
30-Day Money-Back Guarantee

What you'll learn

  • React Nativeによる実践レベルのアプリ開発
  • Firebaseの基礎
  • Hooksを用いたコンポーネントの書き方
  • Contextによる状態管理
  • React Navigationによる画面遷移
  • Firestoreによるデータ管理とその設計
  • Cloud Storageへの画像ファイルアップロード・ダウンロード
  • Firebase Authenticationを用いたログイン処理
  • Cloud Functionを用いたバックエンド処理
  • Algoliaと連携した全文検索の実装
Curated for the Udemy for Business collection

Course content

11 sections • 55 lectures • 6h 44m total length

  • Preview05:22
  • Preview05:47
  • Preview06:18

  • Preview01:32
  • firebaseのプロジェクト作成
    05:34
  • firebaseのwebコンソールを触ってみる
    04:52
  • expoのプロジェクトを作成
    06:07
  • React Nativeにfirebaseを組み込む
    03:15
  • React Nativeでfirestoreのデータを取得する
    12:48
  • firestoreのデータ構造について補足
    15:08
  • リファクタリング
    05:54
  • まとめ
    01:27

  • Preview00:46
  • サンプルデータの準備
    04:09
  • shopの一覧表示
    16:27
  • shopを評価の高い順にソート
    06:04
  • まとめ
    01:14

  • Preview04:27
  • React Navigationのインストール
    02:55
  • AppNavigatorを作成
    05:49
  • StackNavigatorの利用
    09:26
  • 画面間でパラメーターを渡す
    14:36
  • TabNavigatorの利用
    08:03
  • モーダルの画面を実装
    12:51
  • ログイン後の画面遷移
    04:07
  • まとめ
    02:20

  • Preview01:20
  • 匿名ログイン
    13:38
  • Contextによるユーザー情報の保持
    09:57
  • ログイン後の画面切り替え
    01:57
  • まとめ
    01:49

  • Preview02:52
  • ユーザー情報の編集
    17:43
  • firestoreの設計のコツ(非正規化)
    05:57
  • レビューの投稿フォーム
    08:11
  • レビューを投稿する
    13:21
  • カメラロールから写真を選択する
    12:37
  • ※ Expo SDK 39における画像アップロードのエラーについて
    00:32
  • Cloud Strageに画像をアップロードする
    18:51
  • レビュー一覧の表示
    09:43
  • 投稿したレビューを画面に即時反映する
    12:28
  • 本セクションのまとめ
    01:55

  • Preview03:27
  • Cloud functionの環境準備
    09:46
  • ユーザー名の更新を各レビューに反映する
    15:22
  • 平均スコアの計算を非同期に行う
    11:11
  • まとめ
    02:22

  • セキュリティルールを設定する
    08:20

  • Preview03:06
  • algoliaのプロジェクト作成
    03:28
  • Cloud functionでalgoliaにindexを追加する
    05:19
  • React Nativeでalgoliaの検索を実行する
    14:27
  • まとめ
    01:37

  • おわりのメッセージ
    04:13

Requirements

  • React NativeもしくはReactの基礎

Description

~~2020年12月19日更新~~


本コースでは、React Nativeとfirebaseを組み合わせた、効率良いアプリ開発の手法について学びます。


多くのアプリ開発では、フロントエンドだけでなくバックエンドのサーバーが必要となってきます。


アプリ開発者にとって、サーバー側のインフラ構築や開発がネックになりがちですが、近年話題のfirebaseを用いることで非常に効率よくサーバー側を構築することが出来ます。

React NativeとFirebaseは非常に相性がよく、筆者自身もこの組み合わせで複数のアプリを開発し、その効率の良さに魅力を感じています。


コーディングでは実際に「レストランのレビューアプリ」を作りながら学びます。


このアプリの中に

- React NativeとFirebaseの組み合わせ型

- Firebaseによるデータ管理やファイル管理

- Algoliaによる全文検索

など、現場でも使えるノウハウをギュッと詰め込みました。


アプリを開発しながら楽しく学びましょう!



【この講座の対象者】

・アプリ開発の経験はあるが、サーバー側の経験はない人

・React Nativeでの開発を経験してみたい人

・Firebaseの基礎を学びたい人



【この講座では扱わないこと】

・JavaScriptの基本的な文法

・React Nativeの基礎

※React Nativeの基礎の解説は薄めです。state, props, hooksなどのキーワードがピンとこない場合は基礎編を先におすすめします。


【必要なもの】

・mac

・googleアカウント



【更新情報】

2020/12/19 ボーナスレクチャー「プッシュ通知を送る」を追加

2020/10/3 レクチャー38「Expo SDK 39における画像アップロードのエラーについて」を追加

Who this course is for:

  • React Nativeでアプリを作りたいエンジニア

Instructor

Takahiko Wada
React Nativeを中心に扱っています
Takahiko Wada
  • 4.5 Instructor Rating
  • 410 Reviews
  • 2,438 Students
  • 2 Courses

DeNAにて複数のソーシャルゲーム、コミュニティサービスの立ち上げに、リードエンジニア、プロデューサーとして携わってきました。

2017年よりmaricuruにCTOとして参画し、花嫁向けコミュニティアプリを立ち上げました。

2019年に独立し、現在は複数のスタートアップ企業の立ち上げ支援、開発支援を行っています。

React Native, Expo, Ruby on Railsを中心に扱っています。


ニューヨーク留学、ドイツ勤務経験あり。東工大MOT。


  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.