重要な
お知らせ
【重要】サイトリニューアルとURL変更のお知らせ2026年3月2日(月)より、2026年度に開催される研修のお申し込みは新ホームページでの受付に変更になります。詳細はTOPページのお知らせをご覧ください。
コースコード:LN85E

[オンライン開催]React入門 -Hooks、ContextAPI、MUI対応-(2日間)

コース情報

受講料
110,000円 100,000円
講習日数
2日間

コース概要

洗練された書き方でWebアプリケーションを作成できるJavaScriptライブラリ「React」の基礎を学べるコースです。
JavaScriptの学習経験がある方を対象に、Reactの導入方法から基本的な作り方・コンポーネントの作成・サーバーサイドとの連携・画面遷移(ルーター)までを随時ハンズオンと演習を織り交ぜながら学びます。

開催形式
集合研修
研修サービス
テキスト マシン実習

前提知識

以下のすべてを満たしている方。

  • HTMLおよびCSSを利用して簡単なWebページを記述できる
  • JavaScriptを利用して簡単なWebアプリケーションを記述できる
  • 『モダンJavaScript入門』コースをご受講いただいた方もしくは、同等の技術を習得している

到達目標

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

講師からのメッセージ

Reactは、Facebook製のUI構築用JavaScriptライブラリです。JSXや仮想DOMなど特徴的な機能を採用し、海外のWebサービスにおいて圧倒的な導入率を誇っています。
このコースを受講することで、サーバーサイド連携や画面遷移を行えるWebアプリケーションを作成できるようになります。

コース内容

1日目
AM
1.Reactの概要
・Reactとは
・JSXや仮想DOMの特徴
・Hello React
2.React学習のためのJavaScript復習
・不変性とは
・条件演算子
・コールバック関数
・分割代入
・map/filter/reduce
PM
3.Reactの基礎
・React利用方法基礎
・コンポーネント
・props
・イベントハンドリング
・JSXのルール
・CSSの適用
2日目
AM
4.フック
・状態フック
・副作用フック
・WebAPIへのアクセス
PM
5.様々なツールやパッケージの紹介
・create-react-app
・MUI
・React Router
6.状態管理
・Context APIによる状態管理
・コンポーネント間のデータ共有
※最新でより良い内容をお届けするため、一部の学習項目を予告なく変更する可能性がありますのでご了承ください。

<実行環境>
■ React v18以降
■ Node.js v20以降
■ Chrome
■ Visual Studio Code
※使用するソフトウェアおよびバージョンについては予告なく変更する可能性がありますのでご了承ください。

<配布資料>
■ セミナーテキスト
※ソースコード等はオンラインストレージにて配布いたします。

留意事項・備考

・本コースは株式会社カサレアルとの提携コースであり、コース実施のためのお客様の個人情報を提携会社に提供させていただきます。
・本コースは、お申込いただいてから主催会社に空席確認をし受講可否をご連絡いたします。空席状況の表示が△でもまずはお申し込みください。
・本コースのマシン実習は1つのシナリオに沿っているため、遅刻すると他の受講者と一緒に演習ができません。
 開始時刻を遅れて参加された場合は、チュートリアルに従って自力で演習を進めることになります。
 開始時間を守って参加いただけますよう、お願いいたします。

<受講案内について>
本コースは、株式会社カサレアルとの提携コースのため、受講案内(Zoom情報等含む)については、株式会社カサレアルから受講者様のメールアドレス宛に電子メールで送信致します。

【コース開催日5営業日前程度】
 オンライン受講案内(ZoomミーティングID/Password)や今後の流れなど、受講に必要な情報を株式会社カサレアルよりご案内いたします。必ずご確認ください。
--------------------------------------------------------------------------
 FROM アドレス:カサレアル オープン研修事務局 (cr-edu@casareal.co.jp)
 TOアドレス:受講者様メールアドレス
 件名:【受講票】 YYYY/MM/DD 「[オンライン開催]研修名」
--------------------------------------------------------------------------

<オンライン研修環境について>
お申し込みの前に、研修環境をご確認ください。研修環境をご用意いただけない方は、受講していただくことができません。

■使用ツール
◆動画配信:Zoom
※業務用PCに追加アプリをインストールできない場合は、ブラウザからのご参加をお願いします。
※Zoomのシステム要件について、より詳細な情報は、こちらをご参照ください。

◆質疑応答:オンラインチャットシステム

◆演習環境:仮想デスクトップ
仮想デスクトップへは、ブラウザからhttpsで接続します。
お客様環境によっては接続できない場合がございます。
事前の接続確認についてはカサレアル社で実施しておりますので、ご希望の方はお問い合わせください。
<お問い合わせ先>
cr-edu@casareal.co.jp

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

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

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

開催スケジュール詳細・お申込

開催スケジュールは、日程が決まり次第掲載致します。