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 CompTIA Security+ AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Meditation Personal Transformation Life Purpose Emotional Intelligence 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 Google Analytics
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Modeling Data Analysis Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Blogging Freelancing 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
IT & Software Other IT & Software React

すぐできる!動かす React JS サンプル講座

jQuery は使ったことがあるけれど、React JS も使えるようになりたいという方を対象にしたコースです。動く React サンプルの作成ついてご紹介します。
Rating: 2.6 out of 52.6 (66 ratings)
352 students
Created by 和香奈 吉澤
Last updated 7/2017
Japanese
30-Day Money-Back Guarantee

What you'll learn

  • React.js の基本を習得できる
  • React.js アプリケーションを作成できるようになる

Requirements

  • Node 環境の構築
  • MacOS などの Unix 環境の準備
  • JavaScript や HTML の基礎

Description

私は最近、仕事で jQuery を使っている方から、「jQuery だけでなく React JS も使えるようになったほうがいいのかな。」という相談をされることがあります。  


JavaScript で有名なライブラリと言えば jQuery ですよね。あくまで私のイメージですが、jQuery を使った経験がある方は、React JS を試せばすぐ業務に落とし込めるはずです。  


しかし、DOM を直接変更する jQuery と React JS は基本的な動作が異なりますし、React JS の環境構築について調べると、色々な情報が多すぎるため、どこから手を付けていいかよくわからないという話をよく聞きます。  

この動画コースでは、jQuery を普段使われているくらいのスキルの方向けに、  React JS の一番シンプルな環境構築や導入方法をはじめとして、API を Ajax 経由で利用して React JS でレンダリングするサンプルを作成します。 

コースの環境として node、npm コマンドを実行できるようにしておいてください。最初に node 環境が無い場合についてもご紹介しますが、npm コマンドを使用した方が便利です。

コース内では JavaScript の基本的な構文しか使用しないので、いままで JavaScript フレームワークをあまり使ったことがない人も、心配しなくて大丈夫です。  

ただ、HTML や CSS、 JavaScript の基本的な書き方や、React JS のリファレンスには載っているけれど、普段あまり使わないような細かい内容については触れませんので注意してください。

まずは動作する React JS のサンプルを作成し、React JS の魅力を体験していただければと考えています。 

もちろんコース試聴後には、React JS の基本をしっかり扱えるようになり、業務で使うにも十分なレベルになると思います。 

頑張っていきましょう!

Who this course is for:

  • これから React.js を始めたい方
  • jQuery だけでなく、React.js 勉強をしたい方

Course content

4 sections • 23 lectures • 2h 6m total length

  • Preview02:35
  • Preview01:42
  • Preview05:25
  • Preview04:49
  • CreateReactApp に React コンポーネントを追加
    05:43
  • React.js の基礎
    2 questions

  • JSX とは
    02:16
  • JSX の要素は1つ
    01:59
  • JSX 内での JavaScript 表記
    07:59
  • JSX での HTML 属性
    08:45
  • JSX でのコメント
    03:49
  • JSX で HTMLをエスケープせず表示
    05:38

  • ReactComponent とは
    02:14
  • FunctionalComponent と ClassComponent
    04:52
  • props について
    02:46
  • Component から Component の呼び出し
    03:32
  • props のデータチェック
    05:10
  • state に setState でデータを保存
    03:55
  • Form の値を state に保存
    10:21

  • REST クライアントの Postman を準備
    03:09
  • JsonServer をローカルにたてる
    06:54
  • API が返した Json を React.js で表示する
    09:14
  • API へ POST した結果を表示その1
    16:11
  • API へ POST した結果を表示その2
    07:31

Instructor

和香奈 吉澤
株式会社CAMON.TOKYO CEO 兼 CTO
和香奈 吉澤
  • 2.6 Instructor Rating
  • 66 Reviews
  • 352 Students
  • 1 Course

日本とベトナムの架け橋になるために株式会社CAMON.TOKYOを創業しました。

いままでに、SIer や ゲーム会社、ニュース配信企業など様々な業種で、エンジニアとして経験を積みました。

携わった分野は PHP・Python・JavaScript・AWS・Dockerなどフロントからインフラまでを担当し様々な開発案件に携わっています。


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