オンライン＆集合研修
洗練された書き方でWebアプリケーションを作成できるJavaScriptライブラリ「React」の基礎を学べるコースです。
Reactは、Meta製のUI構築用JavaScriptライブラリです。JSXや仮想DOMなど特徴的な機能を採用し、海外のWebサービスにおいて圧倒的な導入率を誇っています。
このコースでは、JavaScriptの学習経験がある方に向けて、Reactの導入方法から基本的な作り方・コンポーネントの作成・サーバーサイドとの連携・画面遷移（ルーター）までを、随時ハンズオンと演習を織り交ぜながら学んでいきます。
このコースを受講することで、サーバーサイド連携や画面遷移を行えるWebアプリケーションを作成できるようになります。
本コースは、生成AIを利用したコードアシストを利用いたします。
※AIは演習環境に組込み済です。お客様にてご用意いただく必要はございません。
※本コースは、2026年10月より改訂版にて実施いたします。
改訂後のページはこちらをご覧ください。
※受講に関する注意点※
進行の都合上、研修開始時間を過ぎてからのご参加はご遠慮いただいております。
大変恐れ入りますが、研修開始時間までにご参加いただけていない場合、
当日キャンセル扱いをさせていただく場合がございますのでご注意ください。
| 研修の目的 | ■ Reactを使ってコンポーネントを作成し、基礎的なアプリケーションを構築できる |
|---|---|
| カリキュラム | ■ 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年度下期より追加） ※最新でより良い内容をお届けするため、一部の学習項目を予告なく変更する可能性がありますのでご了承ください。 |
| 対象者 | ■ 今後、Reactを使用してWebアプリケーションのフロントエンド開発を担当する方 |
| 前提条件 | ■ HTMLおよびCSSを利用して簡単なWebページを記述できる方 ■ JavaScriptを利用して簡単なWebアプリケーションを記述できる方 ■ 『モダンJavaScript入門』コースをご受講いただいた方もしくは、同等の技術を習得している方 ■【オンライン開催の場合】『オンライン研修環境』に記載のツール、機材のご用意が可能な方 |
| 実行環境 | ■ React v18以降 ■ Node.js v20以降 ■ Chrome ■ Visual Studio Code ※使用するソフトウェアおよびバージョンについては予告なく変更する可能性がありますのでご了承ください。 |
| 配布資料 | ■ セミナーテキスト ※ソースコード等はオンラインストレージにて配布いたします。 |
| 開催日数 | 2日間 |
| 開始/終了時刻 | 9時30分～17時00分 |
| 実施会場 |
【集合】品川会場 【オンライン】Zoomによるオンライン開催 ※お申し込み時にご選択ください |
| 受講料金 | 104,500円 （税込） ※受講料にはテキスト代も含まれます。 |
| 開催日程 |
【集合】
|
| お問い合わせ | 法人様など多人数でのご受講をご検討の場合のお見積り、 サービス内容のカスタマイズのご相談、開催予定のお問い合わせなどは、お問い合わせフォームよりお気軽にお申し付けください。 |
