React Basics Training
React基礎研修
研修日時：2026年2月25日(水)〜2月26日(木)
開催場所：オンライン Zoom
Training Detail
研修詳細
研修名
React基礎研修
研修概要
Reactは、現代Web開発における主流のUI構築ライブラリです。
本研修は2日間で、Reactの基礎を効率よく実践形式で体学するプログラムです。
文法や基本構成だけでなく、コンポーネント設計、Hooks、イベント処理など、現場で必須となる基礎を「作りながら」習得します。
対象者
- HTML/CSS/JavaScriptの基礎を理解しているWeb開発者
- 新しいUI技術の習得を直接実務に繋げたい方
研修のゴール
- Reactの基本文法や構成が理解できる
- コンポーネント設計やHooksの基礎を、手を動かしながら実践的に習得する
- Reactで自信を持って開発を始められる、実務的なスキルを身につける
研修
カリキュラム
詳しくはこちらをクリック ↓
【1日目】Reactの基礎と環境構築、主要コンポーネントの理解
- 第1章：Reactとは：Reactの特徴や導入背景、仮想DOM、SPAなどの基本概念を学ぶ
- 第2章：開発環境構築：Windows環境における標準的なReact開発環境のセットアップを行う
- 第3章：Reactプロジェクトの構成：プロジェクトの基本的なフォルダ構造や主要ファイル（App.js, index.jsなど）を理解
- 第4章：JSXの基礎：HTMLライクな構文であるJSXの書き方と使用上の注意点を学ぶ
- 第5章：コンポーネントの基本：関数コンポーネントとpropsの使い方、親子コンポーネント間のデータ受け渡しを実践
- 第6章：イベント処理：onClickなどのイベントハンドリング方法と、イベントオブジェクトの活用
- 第7章：useStateの活用：状態管理の基本であるuseStateの使い方を演習
- 第8章：条件分岐とリスト描画：if文、三項演算子、mapによるリスト表示の方法
【2日目】フォーム処理・サーバ連携・アプリ構築
- 第9章：フォーム処理：テキストボックスやラジオボタン、チェックボックスの制御と、フォームデータの取得方法
- 第10章：複数のuseStateとコンポーネント分割：ステートの分割、共通処理の分離、再利用性の高いコード構成の習得
- 第11章：フォーム演習：フォーム入力データのバリデーションとアラート表示
- 第12章：useEffectの活用：副作用処理の基本と、データ取得のタイミング制御
- 第13章：サーバコンポーネント入門：サーバサイドでのレンダリングと、セキュリティやパフォーマンスの利点を理解
- 第14章：アプリ開発（メンバー管理）：Reactでメンバー登録、編集、削除が可能な管理アプリを実装し、学習の総まとめとする
研修日時
2026年2月25日(水)〜2月26日(木) 10:00-18:00
開催場所
オンライン Zoomによるオンラインのため、ネットワーク環境があればどこでも受講を頂けます。
※PCのご用意が難しい場合はご相談ください
定員
12名/1名様から受講いただけます。
価格
88,000円（税込）/オンライン参加時の価格です。
キャンセルポリシー
- 研修開催日21日前まで：キャンセル料なし
- 研修開催日20日前から7日前まで：受講料の50％
- 研修開催日6日前から研修当日：受講料全額
特記事項
- お申し込みの際は、弊社オープン講座のキャンセルポリシーにご同意いただいたものとみなします。
- 欠席された場合には、研修費用の全額をご請求させていただきます。
- 弊社都合で開催を中止または延期する事由が発生した場合には、お客様へのご請求は発生しません。
Contact Form
お問い合わせフォーム
以下より、お申し込みを受け付けております。
お気軽にお問い合わせください。