和香奈 吉澤
日本とベトナムの架け橋になるために株式会社CAMON.TOKYOを創業しました。 いままでに、SIer や ゲーム会社、ニュース配信企業など様々な業種で、エンジニアとして経験を積みました。携わった分野は PHP・Python・JavaScript・AWS・Dockerなどフロントからインフラまでを担当し様々な開発案件に携わっています。
Learn React.js from scratch! This course is perfect for jQuery users who want to dive into React and build amazing applications.
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!
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 アプリケーションを作成できるようになる
5 Lectures
7 Lectures
日本とベトナムの架け橋になるために株式会社CAMON.TOKYOを創業しました。 いままでに、SIer や ゲーム会社、ニュース配信企業など様々な業種で、エンジニアとして経験を積みました。携わった分野は PHP・Python・JavaScript・AWS・Dockerなどフロントからインフラまでを担当し様々な開発案件に携わっています。
他の講義に比べて、不親切な部分が多く、やる気が失せます
Reactのチュートリアル(公式で出ている三目並べの作成や、有志のチュートリアル)等に触れていれば、セクション3くらいまでは既に知っている内容となりそう。
そのくらい基本のキから話してもらえるので、逆にまっさらな状態からでも入りやすいかもしれない。
セクション4からは、上記のチュートリアルで出てこないような内容も行っているので、チュートリアルを修了していても勉強になりました。
説明が丁寧
余計な事を話さず、ポイントを押さえた説明が良いと思います。
ただ残念ながら最新バージョンでは動かないコードがあるので、(撮り直しは大変だと思うので)テロップなどで対応されると良いと思います。
次回作に期待します。
2年前くらいのコンテンツなので仕方のない部分もあるかと思いますが、質問などをする場合の連絡先(twitterやFBなど)を書いておいて頂けると有難いと思います。
使用するフレームワークのバージョンアップに対応できていない
セクション1でダウンロードできますって言ってるurl打ち込んでも出てこなかったし、原稿読んでるだけなので、今なんの作業してるのかとか少しわかりにくい箇所があった。
楽しいです〜^^ ありがとうございます^^
説明が丁寧で分かりやすいです。
スピードもちょうど良い感じです。
サンプルソースがダウンロードできない
Your email address will not be published. Required fields are marked *
若林辰摩
es2015のclassを理解していないときついかもしれない。