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

Learn React.js from scratch! This course is perfect for jQuery users who want to dive into React and build amazing applications.

  • Overview
  • Curriculum
  • Instructor
  • Review

Brief Summary

This course is designed for those who have experience with jQuery and want to transition to React.js. You'll learn the basics, set up your environment, and create awesome interactive applications!

Key Points

  • Perfect for jQuery users
  • Simple environment setup for React
  • Hands-on examples with API and Ajax

Learning Outcomes

  • Understand the fundamentals of React.js
  • Build basic React applications
  • Navigate through the React environment with ease

About This Course

jQuery は使ったことがあるけれど、React JS も使えるようになりたいという方を対象にしたコースです。動く React サンプルの作成ついてご紹介します。

私は最近、仕事で 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 の基本をしっかり扱えるようになり、業務で使うにも十分なレベルになると思います。 

頑張っていきましょう!

  • React.js の基本を習得できる

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

Instructor

Profile photo of 和香奈 吉澤
和香奈 吉澤

日本とベトナムの架け橋になるために株式会社CAMON.TOKYOを創業しました。 いままでに、SIer や ゲーム会社、ニュース配信企業など様々な業種で、エンジニアとして経験を積みました。携わった分野は PHP・Python・JavaScript・AWS・Dockerなどフロントからインフラまでを担当し様々な開発案件に携わっています。

Review
4.9 course rating
4K ratings
ui-avatar of 若林辰摩
若林辰摩
2.5
2 years ago

es2015のclassを理解していないときついかもしれない。

  • Helpful
  • Not helpful
ui-avatar of arakawa hideyuki
Arakawa H.
1.0
4 years ago

他の講義に比べて、不親切な部分が多く、やる気が失せます

  • Helpful
  • Not helpful
ui-avatar of 建部 響
建部 �.
4.0
4 years ago

Reactのチュートリアル(公式で出ている三目並べの作成や、有志のチュートリアル)等に触れていれば、セクション3くらいまでは既に知っている内容となりそう。
そのくらい基本のキから話してもらえるので、逆にまっさらな状態からでも入りやすいかもしれない。

セクション4からは、上記のチュートリアルで出てこないような内容も行っているので、チュートリアルを修了していても勉強になりました。

  • Helpful
  • Not helpful
ui-avatar of Yusuke Kohno
Yusuke K.
4.0
5 years ago

説明が丁寧
余計な事を話さず、ポイントを押さえた説明が良いと思います。
ただ残念ながら最新バージョンでは動かないコードがあるので、(撮り直しは大変だと思うので)テロップなどで対応されると良いと思います。
次回作に期待します。

  • Helpful
  • Not helpful
ui-avatar of 牧戸慶太
牧戸慶太
4.0
5 years ago

2年前くらいのコンテンツなので仕方のない部分もあるかと思いますが、質問などをする場合の連絡先(twitterやFBなど)を書いておいて頂けると有難いと思います。

  • Helpful
  • Not helpful
ui-avatar of Kc06
Kc06
2.0
5 years ago

使用するフレームワークのバージョンアップに対応できていない

  • Helpful
  • Not helpful
ui-avatar of 堀 綾奈
堀 �.
3.0
5 years ago

セクション1でダウンロードできますって言ってるurl打ち込んでも出てこなかったし、原稿読んでるだけなので、今なんの作業してるのかとか少しわかりにくい箇所があった。

  • Helpful
  • Not helpful
ui-avatar of kyoko Hashiguchi
Kyoko H.
5.0
5 years ago

楽しいです〜^^ ありがとうございます^^

  • Helpful
  • Not helpful
ui-avatar of Shu Matsumoto
Shu M.
5.0
6 years ago

説明が丁寧で分かりやすいです。
スピードもちょうど良い感じです。

  • Helpful
  • Not helpful
ui-avatar of Keisuke Hosooka
Keisuke H.
2.0
6 years ago

サンプルソースがダウンロードできない

  • Helpful
  • Not helpful
Leave A Reply

Your email address will not be published. Required fields are marked *

Ratings

Courses You May Like

Lorem ipsum dolor sit amet elit
Show More Courses