圧倒的なシェアを誇り、宣言的UIによりスマートにWebアプリケーションを開発できるJavaScriptライブラリ「React」を最新バージョンで学べるコースです。Reactは、Meta製のUI構築用JavaScriptライブラリです。コンポーネントベースの宣言的UI構築モデルを採用しており、JavaScript Webアプリケーション開発における圧倒的な導入率を誇っています。
このコースでは、JavaScriptの学習経験がある方に向けて、Reactの導入方法から基本的な実装方法、コンポーネントの作成、非同期通信のための最新機能までを、適宜ハンズオンと演習を交えながら学んでいきます。
このコースを受講することで、Web APIと連携して動作する基礎的なReactアプリケーションを作成できるようになります。
※本コースは、生成AIを利用したコードアシストを利用いたします。
AIは演習環境に組込み済です。お客様にてご用意いただく必要はございません。
※本コースは『【AIアシスト対応】React入門 -Hooks、ContextAPI、MUI対応-』の改訂版です。※受講に関する注意点※
進行の都合上、研修開始時間を過ぎてからのご参加はご遠慮いただいております。
大変恐れ入りますが、研修開始時間までにご参加いただけていない場合、
当日キャンセル扱いをさせていただく場合がございますのでご注意ください。
■ 実際にプログラミングし、実行結果を見ながらの研修だったので理解度をより深めることができたと思います。私はもう少し復習が必要ですが、この研修を受講してよかったと思いました。（開発:20代前半）
■ 自社でSPA開発×React活用が求められているため、ユーザビリティの高いWebサイトを構築するためには、現時点ではReactの知識は必要だと感じた。（要件定義・設計:30代後半）
■ Reactの思想や概念から丁寧に説明いただいたので、とても分かりやすかったです。ありがとうございました。（要件定義・設計:30代後半）
■ Reactを使ってコンポーネントを作成し、基礎的なアプリケーションを構築できる
■ 今後、Reactを使用してWebアプリケーションのフロントエンド開発を担当する方
■ HTMLおよびCSSを利用して簡単なWebページを記述できる方
■ JavaScriptを利用して簡単なWebアプリケーションを記述できる方
■ 『モダンJavaScript入門』コースをご受講いただいた方もしくは、同等の技術を習得している方
※5名様以上同時にお申込の場合には割引サービスがございますので、こちらからお問い合わせください
-
- 実行環境
- ■ React v19以降
■ Node.js v24以降
■ Chrome
■ Visual Studio Code
※使用するソフトウェアおよびバージョンについては予告なく変更する可能性がありますのでご了承ください。
-
- 配布資料
- オンライン参加の方は、研修当日にPDFのテキストを配布いたします。
オフライン（対面）参加の方は、研修当日に紙媒体のテキストを配布いたします。
-
- 受講料
-
110,000円（税込）/人
-
- お支払い
- 研修終了後に請求書払いとなります。
請求書は研修終了日の属する月の月末までに送付いたします。
-
- 開催日数
- 2日間
-
- 時間
- 9時30分～17時00分
■ Reactをはじめる
□ Reactとは
□ Hello React
■ React学習のためのJavaScript復習
□ 不変性
□ 条件演算子
□ コールバック関数
□ 分割代入/スプレッド構文
□ map/filter
■ Reactの基礎
□ レンダリング
□ コンポーネント
□ JSX
□ イベントハンドリング
□ 状態フック
□ 複数のコンポーネントを組み合わせる
□ props
□ CSSの適用
■ 非同期通信
□ Fetch APIの基礎
□ Web APIへのアクセス
■ 非同期通信とReact
□ React新機能活用によるサーバーサイド連携
□ use
□ Suspense
□ useActionState
■ Context API
□ Context APIによる状態共有
■ 付録：その他のフック
□ useEffect
□ useOptimistic
□ useDeferredValue
□ useTransition
□ メモ化とReactコンパイラ
□ 等
■ 付録：TypeScriptの導入
※最新でより良い内容をお届けするため、一部の学習項目を予告なく変更する可能性がありますのでご了承ください。
-
- 使用ツール
- 動画配信：Zoom
質疑応答：オンラインチャットシステム（Mattermost）
演習環境：仮想デスクトップ
※業務用PCにZoomアプリをインストールできない場合は、ブラウザからのご参加をお願いします。
※Zoomのシステム要件について、より詳細な情報は、こちらをご参照ください。
※Mattermostおよび演習環境は弊社にてご用意いたします。
-
- システム要件
- ・インターネットに常時接続できること
（アクセス制限のないネットワーク環境をご利用ください）
・Webカメラおよびマイク
※PC本体の他に、モニターやiPad等の拡張ディスプレイをご用意いただくことを推奨いたします。
（1台：Zoom、オンラインチャットシステム用、1台：演習環境用）
※事前にアクセス確認をご希望される方はお問い合わせください
-
- 対応OS
- Windows
上記以外の環境でもご受講いただくことが可能ですが、操作感が異なる可能性がある点をご了承ください。
-
- WEBブラウザ
- Google Chrome
上記以外の環境でもご受講いただくことが可能ですが、操作感が異なる可能性がある点をご了承ください。
-
- 事前環境確認
- 事前にアクセス確認をご希望される方は以下のフォームからお問い合わせください。
※お申し込み状況により、受付期限よりも前に受付終了となる場合がございますので、お早めにお申し込みください。
-
-
申し込む
-
2026年10月6日～2026年10月7日
（2日間）
【受付】2026年9月28日まで
【会場】オンライン
【価格】110,000円
（税込）/人
-
-
申し込む
-
2026年11月12日～2026年11月13日
（2日間）
【受付】2026年11月4日まで
【会場】オンライン
【価格】110,000円
（税込）/人
-
-
申し込む
-
2026年11月26日～2026年11月27日
（2日間）
【受付】2026年11月17日まで
【会場】オンライン
【価格】110,000円
（税込）/人
-
-
申し込む
-
2026年12月24日～2026年12月25日
（2日間）
【受付】2026年12月16日まで
【会場】オンライン
【価格】110,000円
（税込）/人
-
-
申し込む
-
2027年1月12日～2027年1月13日
（2日間）
【受付】2026年12月24日まで
【会場】オンライン
【価格】110,000円
（税込）/人
-
-
申し込む
-
2027年1月28日～2027年1月29日
（2日間）
【受付】2027年1月20日まで
【会場】オンライン
【価格】110,000円
（税込）/人
-
-
申し込む
-
2027年2月4日～2027年2月5日
（2日間）
【受付】2027年1月27日まで
【会場】オンライン
【価格】110,000円
（税込）/人
-
-
申し込む
-
2027年2月18日～2027年2月19日
（2日間）
【受付】2027年2月9日まで
【会場】オンライン
【価格】110,000円
（税込）/人
-
-
申し込む
-
2027年3月15日～2027年3月16日
（2日間）
【受付】2027年3月5日まで
【会場】オンライン
【価格】110,000円
（税込）/人
■ Reactを使ってコンポーネントを作成し、基礎的なアプリケーションを構築できる
■ 今後、Reactを使用してWebアプリケーションのフロントエンド開発を担当する方
■ HTMLおよびCSSを利用して簡単なWebページを記述できる方
■ JavaScriptを利用して簡単なWebアプリケーションを記述できる方
■ 『モダンJavaScript入門』コースをご受講いただいた方もしくは、同等の技術を習得している方
※5名様以上同時にお申込の場合には割引サービスがございますので、こちらからお問い合わせください
-
- 実行環境
- ■ React v19以降
■ Node.js v24以降
■ Chrome
■ Visual Studio Code
※使用するソフトウェアおよびバージョンについては予告なく変更する可能性がありますのでご了承ください。
-
- 配布資料
- オンライン参加の方は、研修当日にPDFのテキストを配布いたします。
オフライン（対面）参加の方は、研修当日に紙媒体のテキストを配布いたします。
-
- 受講料
-
110,000円（税込）/人
-
- お支払い
- 研修終了後に請求書払いとなります。
請求書は研修終了日の属する月の月末までに送付いたします。
-
- 持ち物
- 特にございません
-
- 開催日数
- 2日間
-
- 時間
- 9時30分～17時00分
■ Reactをはじめる
□ Reactとは
□ Hello React
■ React学習のためのJavaScript復習
□ 不変性
□ 条件演算子
□ コールバック関数
□ 分割代入/スプレッド構文
□ map/filter
■ Reactの基礎
□ レンダリング
□ コンポーネント
□ JSX
□ イベントハンドリング
□ 状態フック
□ 複数のコンポーネントを組み合わせる
□ props
□ CSSの適用
■ 非同期通信
□ Fetch APIの基礎
□ Web APIへのアクセス
■ 非同期通信とReact
□ React新機能活用によるサーバーサイド連携
□ use
□ Suspense
□ useActionState
■ Context API
□ Context APIによる状態共有
■ 付録：その他のフック
□ useEffect
□ useOptimistic
□ useDeferredValue
□ useTransition
□ メモ化とReactコンパイラ
□ 等
■ 付録：TypeScriptの導入
※最新でより良い内容をお届けするため、一部の学習項目を予告なく変更する可能性がありますのでご了承ください。
※お申し込み状況により、受付期限よりも前に受付終了となる場合がございますので、お早めにお申し込みください。
