CR208 : 【AIアシスト対応】React入門 -Hooks、ContextAPI、MUI対応-

【AIアシスト対応】React入門 -Hooks、ContextAPI、MUI対応-

9月開催分まで：
洗練された書き方でWebアプリケーションを作成できるJavaScriptライブラリ「React」の基礎を学べるコースです。

Reactは、Meta製のUI構築用JavaScriptライブラリです。JSXや仮想DOMなど特徴的な機能を採用し、海外のWebサービスにおいて圧倒的な導入率を誇っています。
このコースでは、JavaScriptの学習経験がある方に向けて、Reactの導入方法から基本的な作り方・コンポーネントの作成・サーバーサイドとの連携・画面遷移（ルーター）までを、随時ハンズオンと演習を織り交ぜながら学んでいきます。
このコースを受講することで、サーバーサイド連携や画面遷移を行えるWebアプリケーションを作成できるようになります。

本コースは、生成AIを利用したコードアシストを利用いたします。
※AIは演習環境に組込み済です。お客様にてご用意いただく必要はございません。

10月開催分から：
圧倒的なシェアを誇り、宣言的UIによりスマートにWebアプリケーションを開発できるJavaScriptライブラリ「React」を最新バージョンで学べるコースです。

Reactは、Meta製のUI構築用JavaScriptライブラリです。コンポーネントベースの宣言的UI構築モデルを採用しており、JavaScript Webアプリケーション開発における圧倒的な導入率を誇っています。

このコースでは、JavaScriptの学習経験がある方に向けて、Reactの導入方法から基本的な実装方法、コンポーネントの作成、非同期通信のための最新機能までを、適宜ハンズオンと演習を交えながら学んでいきます。

このコースを受講することで、Web APIと連携して動作する基礎的なReactアプリケーションを作成できるようになります。

※本コースは、生成AIを利用したコードアシストを利用いたします。
　AIは演習環境に組込み済です。お客様にてご用意いただく必要はございません。

コースコード	CR208	期間	2日間	時間	09:30～17:00	価格	\110,000（税込）	主催	株式会社カサレアル

コースコード	CR208	期間	2日間	時間	09:30～17:00
価格	\110,000（税込）	主催	株式会社カサレアル

コースコード	CR208
期間	2日間
時間	09:30～17:00
価格	\110,000（税込）
主催	株式会社カサレアル

コース内容開催予定日

コース内容

学習目標

・Reactを使ってコンポーネントを作成し、基礎的なアプリケーションを構築できる

対象者

・今後、Reactを使用してWebアプリケーションのフロントエンド開発を担当する方

前提知識

・HTMLおよびCSSを利用して簡単なWebページを記述できる方
・JavaScriptを利用して簡単なWebアプリケーションを記述できる方
・『モダンJavaScript入門（*）』コースをご受講いただいた方もしくは、同等の技術を習得している方
（*）：株式会社カサレアル主催コース

スクール環境

※使用するソフトウェアおよびバージョンについては予告なく変更する可能性がありますのでご了承ください。

内容

9月開催分まで：
●Reactの概要
　・Reactとは
　・JSXや仮想DOMの特徴
　・Hello React
●React学習のためのJavaScript復習
　・不変性とは
　・条件演算子
　・コールバック関数
　・分割代入
　・map/filter/reduce
●Reactの基礎
　・React利用方法基礎
　・コンポーネント
　・props
　・イベントハンドリング
　・JSXのルール
　・CSSの適用
●フック
　・状態フック
　・副作用フック
　・Web APIへのアクセス
●様々なツールやパッケージの紹介
　・MUI
　・React Router
●状態管理
　・Context APIによる状態管理
　・コンポーネント間のデータ共有
●付録：TypeScriptの導入（2025年度下期より追加）

※最新でより良い内容をお届けするため、一部の学習項目を予告なく変更する可能性がありますのでご了承ください。

10月開催分から：
●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の導入

※最新でより良い内容をお届けするため、一部の学習項目を予告なく変更する可能性がありますのでご了承ください。

備考

※本コースは、2026年10月より改訂版にて実施いたします。
　10月開催分からコース名は「【AIアシスト対応】React入門 ver.19対応」となります。

※オンラインでのご受講の方は【オンライン研修環境】をご確認ください。

【オンライン研修環境】
　■使用ツール
　動画配信：Zoom
　質疑応答：オンラインチャットシステム（Mattermost）
　演習環境：仮想デスクトップ

　※業務用PCにZoomアプリをインストールできない場合は、ブラウザからのご参加をお願いします。
　※Zoomのシステム要件について、より詳細な情報は、こちらをご参照ください。
　（https://support.zoom.us/hc/ja/articles/201362023-System-Requirements-for-PC-Mac-and-Linux）
　※Mattermostおよび演習環境はカサレアル社にてご用意いたします。

　■システム要件
　・インターネットに常時接続できること
　　（アクセス制限のないネットワーク環境をご利用ください）
　・Webカメラおよびマイク
　※PC本体の他に、モニターやiPad等の拡張ディスプレイをご用意いただくことを推奨いたします。
　　（1台：Zoom、オンラインチャットシステム用、1台：演習環境用）
　※事前にアクセス確認をご希望される方はお問い合わせください

　■OS/ブラウザ
　・OS：Windows　/　ブラウザ：Google Chrome
　上記以外の環境でもご受講いただくことが可能ですが、操作感が異なる可能性がある点をご了承ください。

※受講に関する注意点※
進行の都合上、研修開始時間を過ぎてからのご参加はご遠慮いただいております。
大変恐れ入りますが、研修開始時間までにご参加いただけていない場合、
当日キャンセル扱いをさせていただく場合がございますのでご注意ください。

(関連するコースはありません)