世界を変える「人」を育てる。IT研修・ビジネス研修ならトレノケート。

mypage マイページ cart カート
コース検索
サイト内検索


ホーム > Webデザイン/Web開発 集合研修一覧 > 【AIアシスト対応】React入門 -Hooks、ContextAPI、MUI対応-

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


期間  2日間 時間  9:30～17:00
価格(税込)  110,000円(税込) 主催  株式会社カサレアル
形式  講義＋実機演習 コースコード  WSC0119R
日程 会場 空席状況 実施状況 選択

2025年10月27日(月) ～ 2025年10月28日(火)

カサレアル(オンライン)

  お申し込み後確認

2025年11月6日(木) ～ 2025年11月7日(金)

カサレアル東京(品川)

  お申し込み後確認

2025年11月20日(木) ～ 2025年11月21日(金)

カサレアル(オンライン)

  お申し込み後確認

2025年12月1日(月) ～ 2025年12月2日(火)

カサレアル東京(品川)

  お申し込み後確認

2025年12月9日(火) ～ 2025年12月10日(水)

カサレアル(オンライン)

  お申し込み後確認

2025年12月22日(月) ～ 2025年12月23日(火)

カサレアル(オンライン)

  お申し込み後確認

2026年1月19日(月) ～ 2026年1月20日(火)

カサレアル東京(品川)

  お申し込み後確認

2026年2月5日(木) ～ 2026年2月6日(金)

カサレアル東京(品川)

  お申し込み後確認

2026年2月12日(木) ～ 2026年2月13日(金)

カサレアル(オンライン)

  お申し込み後確認

2026年3月5日(木) ～ 2026年3月6日(金)

カサレアル(オンライン)

  お申し込み後確認

2026年3月9日(月) ～ 2026年3月10日(火)

カサレアル(オンライン)

  お申し込み後確認

2026年3月18日(水) ～ 2026年3月19日(木)

カサレアル東京(品川)

  お申し込み後確認

※「キャンセル待ち」でお申し込みの方には、別途メールにてご連絡いたします。
※「実施確定」表示のない日程は、お申し込み状況により開催中止になる場合がございます。
※ お申込期日が過ぎた日程は、「お問い合わせください」と表示されます。
※ トレノケート主催コース以外の空席状況は、残席数に関わらず「お申し込み後確認」と表示されます。
※ トレノケート主催コース以外では、主催会社のお席を確保した後に受付確定となります。
お申込みに関するお問い合わせはこちらから

ワンポイントアドバイス

当コースは、2025年10月より、生成AIを利用したコードアシストを利用いたします。
※AIは演習環境に組込むため、お客様にてご用意いただく必要はございません。

人材開発支援助成金の申請書類における署名は、主催欄の「訓練の実施機関」が行う必要があります。

本コースにおいてトレノケートは「訓練の実施機関」に該当しないため、申請書類に署名することができません。あらかじめご了承の上、お申し込みくださいますようお願いいたします。

重要なご連絡・ご確認事項

※ オンライン研修へのご参加の場合、以下の環境でご受講可能なことご確認いただいてからお申し込みください。

＜オンライン研修環境＞
■使用ツール
・動画配信：Zoom
　※業務用PCにZoomアプリをインストールできない場合は、ブラウザからのご参加をお願いします。
・質疑応答：オンラインチャットシステム （Mattermost）
・演習環境：仮想デスクトップ

■システム要件
・インターネットに常時接続できること
・Webカメラおよびマイク
※PC本体の他に、モニターやiPad等の拡張ディスプレイをご用意いただくことを推奨いたします。
　（1台：Zoom、オンラインチャットシステム用、1台：演習環境用）

■OS
・Windows

■Webブラウザ
・Google Chrome (最新版)

※Mattermostおよび演習環境は主催会社(株式会社カサレアル)にてご用意いたします。

↑ページの先頭へ戻る

対象者情報

対象者
・今後、Reactを使用してWebアプリケーションのフロントエンド開発を担当する方
前提条件
□ 『オンライン研修環境』に記載のツール、機材のご用意が可能な方
□ HTMLおよびCSSを利用して簡単なWebページを記述できる方
□ JavaScriptを利用して簡単なWebアプリケーションを記述できる方
□ 『モダンJavaScript入門』(※)コースをご受講いただいた方もしくは、同等の技術を習得している方
※株式会社カサレアル実施コース

学習内容の詳細

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

2. React学習のためのJavaScript復習
  - 不変性とは
  - 条件演算子
  - コールバック関数
  - 分割代入
  - map/filter/reduce

3. Reactの基礎
  - React利用方法基礎
  - コンポーネント
  - props
  - イベントハンドリング
  - JSXのルール
  - CSSの適用

4. フック
  - 状態フック
  - 副作用フック
  - WebAPIへのアクセス

5. 様々なツールやパッケージの紹介
  - create-react-app
  - MUI
  - React Router

6. 状態管理
  - Context APIによる状態管理
  - コンポーネント間のデータ共有

付録：TypeScriptの導入（2025年度下期より追加）

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

実習/演習内容詳細

ソフトウェア
ハードウェア
■ React v18以降
■ Node.js v20以降
■ Chrome
■ Visual Studio Code

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

コース関連付加情報

↑ページの先頭へ戻る

ご注意・ご連絡事項

・本コースは株式会社カサレアルが開催いたします。
・株式会社カサレアル開催コースのキャンセル・日程変更・受講者変更は9営業日前までとさせていただきます。
※受講に関する注意点※
進行の都合上、研修開始時間を過ぎてからのご参加はご遠慮いただいております。
大変恐れ入りますが、研修開始時間までにご参加いただけていない場合、当日キャンセル扱いをさせていただく場合がございますのでご注意ください。

おすすめのコースフロー図を見る

無料セミナー  ❯

メルマガ登録  ❯

公式ブログ  ❯

キャンペーン一覧  ❯

資料ダウンロード  ❯

お問い合わせ  ❯