割引情報をチェック！
すべての動画をフルで見よう！
初回登録なら7日間無料！ いつでも解約OK
いますぐ無料体験へ
「React（リアクト）」は、JavaScriptライブラリーのひとつで、本格的なウェブプロジェクトを作成することができます。
今回は、Reactの最初のプログラムの設定方法やプロジェクトの作成方法を実際の画面を見ながら解説します。
本コースはYouTubeで配信されている「ともすたCHANNEL」たにぐちまこと氏とのコラボレーションコンテンツです。皆さんに役立つITに関するスキルについての学びをお伝えいただきます。
※各ツールの画面配置や挙動は撮影時点（2019年11月）のものです。ツールのアップデートにより変更されている場合があります。
ともすたCHANNEL：https://www.youtube.com/channel/UCphTq6mefx_15CjD35qgXgA
谷口 允（たにぐち まこと） ともすた／H2O space 代表取締役
富士ゼロックス、ソニーネットワークコミュニケーションズなどでウェブエンジニアとして勤務ののち、2002年に独立。株式会社エイチツーオー・スペースを設立。
メンテナンスしやすいウェブサイトを手ごろな価格で提供することで、大小問わずさまざまな業界のクライアントを応援している。
また、ウェブ業界を豊かで厚みのあるものにするべく、ウェブ制作・プログラム開発の知見をもとに、各種講演や執筆を通じ、学習コンテンツを展開。
近年は講座動画配信プラットフォームUdemyやYouTubeを通じた映像講義配信を手がけ、それぞれで数万人規模の受講者・登録者のプログラミングやウェブ構築に関する学習を支援。
Slackコミュニティを主催することで業界全体のスキルアップを図っている。
主な著書に『6さいからつかえるパソコン』（技術評論社刊）、『よくわかるPHPの教科書』（マイナビ刊）など。
より理解を深め、他のユーザーとつながりましょう。
8人の振り返り
me_
その他
初めて学ぶことが多く、なかなか難しかったです…
0x00
その他
バージョン別に動画を出してほしいです。
k_yuna
販売・サービス・事務
難しい内容だと思いました。
hayabuza
その他
初めて学ぶことが多く勉強になりました。
micchan_3284
IT・WEB・エンジニア
Reactの内容が古いです。
今現在ではクラス型というより関数型がよく使われます。また、ReduxもcreateStoreは非推奨になっていたりと、実践にはそぐわない内容になっています。
最新化されることを期待しています。
minamt
IT・WEB・エンジニア
勉強になりましたが、React Routerのバージョン6以降では、単独でを使うとエラーが発生し、は内でのみ使用する必要があるのと、Component属性は廃止されているので、以下のようなコードの修正が必要だと思います。
import { BrowserRouter, Routes, Route, Link } from 'react-router-dom';
kashimizu
クリエイティブ
環境設定周りが詳しく紹介されており、大変学びが多かったです。引き続き別動画等で実践的なものも
学んでいきたい
mit-wada3
メーカー技術・研究・開発
ソフトの技術習得にも励みたい。