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
30-Day Money-Back Guarantee

This course includes:

  • 3.5 hours on-demand video
  • 6 articles
  • 1 downloadable resource
  • Full lifetime access
  • Access on mobile and TV
Development Web Development React Hooks

React Hooks TypeScript 超入門 - Firebase を使った素材配布サイトを作ろう!

React Hooks 、TypeScript を学んで Firebase を使った素材配布サイトを作りましょう。つまずきがちな React / TypeScript の環境構築は Cloud9 を使うので簡単にできます。
Rating: 3.9 out of 53.9 (39 ratings)
211 students
Created by Yoshiki Mogi
Last updated 1/2021
Japanese
30-Day Money-Back Guarantee

What you'll learn

  • Reactの使い方
  • React Hooks(useState, useEffect)の使い方
  • TypeScriptの使い方
  • Firebase(Cloud FireStore,Cloud Storage)の使い方
  • 素材配布サイトの作り方
  • Material UIの使い方
  • React Routerの使い方
  • 検索機能の作り方

Course content

8 sections • 32 lectures • 3h 36m total length

  • Preview01:55

  • Reactとは
    01:05
  • 【推薦】npxコマンドの使用
    00:32
  • Reactを使ってみる
    13:07

  • TypeScriptとは
    00:25
  • 【注意】--typescriptオプションの使用について
    00:25
  • Preview08:53

  • 【注意】AWSへの課金について
    00:29
  • 1-1.環境構築
    05:23
  • ソースコード
    00:05

  • Preview12:46
  • 2-2.トップページのヘッダーを作る
    08:50
  • 2-3.メイン: 背景を作る
    16:11
  • 2-4.メイン:検索窓を作る
    15:29
  • 2-5.メイン:キーワードを保持する
    06:07
  • 2-6.メイン:ページ遷移
    11:51

  • 【注意】Reactをインポートできなかったり、ビルドできない場合
    00:40
  • 3-1.リザルトページのコンポーネントを作る
    04:44
  • 3-2.リザルトページのヘッダーを作る
    01:52
  • 3-3.検索結果: 画像を用意する
    02:44
  • 3-4.検索結果:Cloud Storageに画像を格納する
    05:40
  • 3-5.検索結果:Databaseに情報を入れる
    08:52
  • 3-6.検索結果:ReactでFirebaseを使えるようにする
    04:48
  • 3-7.検索結果:コンポーネントを作る
    02:54
  • 3-8.検索結果:データを取得し配列に格納する関数を作る
    23:06
  • 3-9.検索結果:関数を呼び出す
    08:32
  • 3-10.①検索結果:データが格納された配列を表示する
    09:59
  • 3-10.②検索結果:データが格納された配列を表示する
    10:36

  • 4-1.ダウンロードページのコンポーネントを作る
    07:02
  • 4-2.画像を表示する
    09:55
  • 4-3.ダウンロードボタンを作る
    11:39

  • さらに学びたい方へ
    00:04

Requirements

  • コンピュータの基本操作

Description

【コースの概要】


React Hooks, TypeScript, Firebase(Store, Storage)を用いて、一つの素材配布サイトを作成していく内容となっています。


このコースでは、


1.React

2.React Hooks(useState, useEffect)

3.TypeScript

4.Firebase(Cloud FireStore,Cloud Storage)

5.Material UI

6.React Router


などを扱います。


Who this course is for:

  • React Hooks, TypeScript, FIrebaseを使って実際に何かを作ってみたい方
  • 理論よりも実際に作ることに重きを置く方

Instructor

Yoshiki Mogi
エンジニア
Yoshiki Mogi
  • 3.8 Instructor Rating
  • 284 Reviews
  • 2,283 Students
  • 6 Courses

Unityを使ったゲームやiPhoneアプリなどを作っています。


作成するコースは、プログラミングを初めて学ぶ方でも理解できるように心がけています。よくわからない部分があったら気兼ねなく質問してください!


また、Amazonで電子書籍も販売しているので興味のある方は右側のリンクを押してみてください。

  • 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.