Reactの基礎を習得した方に向けて、実務で広く使われているエコシステムとコンポーネント設計の考え方を学ぶコースです。
このコースでは、状態管理・ルーティング・データフェッチ・フォームバリデーションといった実践的なライブラリの使い方を習得しながら、保守性・再利用性の高いコンポーネント設計の原則を身につけていきます。
このコースを受講することで、実務レベルのReactアプリケーションを設計・実装するための技術的な基盤を構築できるようになります。
※本コースは、『Reduxワークショップ -React応用-』の改訂版です。※受講に関する注意点※
進行の都合上、研修開始時間を過ぎてからのご参加はご遠慮いただいております。
大変恐れ入りますが、研修開始時間までにご参加いただけていない場合、
当日キャンセル扱いをさせていただく場合がございますのでご注意ください。
■ 都度丁寧に答えていただきとても助かりました。特にワークショップは講座の目的外の部分でエラーが発生するなど一人ですぐに対処できないことが多く不安だったのですが、対面で色々とサポートいただきながら受講できて本当に良かったです。（開発:30代後半）
■ 実務で使われる主要なライブラリを活用し、Reactアプリケーションを構築できる
■ 保守性・再利用性を意識したコンポーネント設計ができる
■ 今後ReactおよびReduxを使用してWebアプリケーションのフロントエンド開発を担当する方
■ Reactを利用してWebアプリケーションを記述できる方
■ 『React入門』コースをご受講いただいた方もしくは、同等の技術を習得している方
※5名様以上同時にお申込の場合には割引サービスがございますので、こちらからお問い合わせください
-
- 実行環境
- ■ React v19以降
■ Zustand v5以降
■ Jotai v2以降
■ TanStack Query v5以降
■ React Router v7以降
■ React Hook Form v7以降
■ Zod v4以降
■ Node.js v24以降
■ Chrome
■ Visual Studio Code
※使用するソフトウェアおよびバージョンについては予告なく変更する可能性がありますのでご了承ください。
-
- 配布資料
- オンライン参加の方は、研修当日にPDFのテキストを配布いたします。
オフライン（対面）参加の方は、研修当日に紙媒体のテキストを配布いたします。
-
- 受講料
-
121,000円（税込）/人
-
- お支払い
- 研修終了後に請求書払いとなります。
請求書は研修終了日の属する月の月末までに送付いたします。
-
- 開催日数
- 2日間
-
- 時間
- 9時30分～17時00分
■ 実践的で有用な各種パッケージの紹介
□ 状態管理
・グローバル状態管理とは
・Zustand
・Jotai
・Reduxとの比較
□ ルーティング
・ルーティングとは
・React Router
・ページ遷移とパラメータの受け渡し
□ データフェッチ
・サーバー状態とクライアント状態の違い
・TanStack Query
・キャッシュ・再フェッチ・ローディング状態の管理
□ フォーム
・React Hook Form
・Zodによるスキーマバリデーション
・React Hook FormとZodの連携
■ コンポーネント設計
□ 設計の基本原則
・単一責任の原則とコンポーネント分割
・propsの設計
・Suspenseによる非同期処理境界を意識する
□ 再利用性を高める技法
・カスタムフックへのロジック抽出
■ 実践演習
・学習内容を統合した中規模アプリケーションの実装
※最新でより良い内容をお届けするため、一部の学習項目を予告なく変更する可能性がありますのでご了承ください。
-
- 使用ツール
- 動画配信：Zoom
質疑応答：オンラインチャットシステム（Mattermost）
演習環境：仮想デスクトップ
※業務用PCにZoomアプリをインストールできない場合は、ブラウザからのご参加をお願いします。
※Zoomのシステム要件について、より詳細な情報は、こちらをご参照ください。
※Mattermostおよび演習環境は弊社にてご用意いたします。
-
- システム要件
- ・インターネットに常時接続できること
（アクセス制限のないネットワーク環境をご利用ください）
・Webカメラおよびマイク
※PC本体の他に、モニターやiPad等の拡張ディスプレイをご用意いただくことを推奨いたします。
（1台：Zoom、オンラインチャットシステム用、1台：演習環境用）
※事前にアクセス確認をご希望される方はお問い合わせください
-
- 対応OS
- Windows
上記以外の環境でもご受講いただくことが可能ですが、操作感が異なる可能性がある点をご了承ください。
-
- WEBブラウザ
- Google Chrome
上記以外の環境でもご受講いただくことが可能ですが、操作感が異なる可能性がある点をご了承ください。
-
- 事前環境確認
- 事前にアクセス確認をご希望される方は以下のフォームからお問い合わせください。
※お申し込み状況により、受付期限よりも前に受付終了となる場合がございますので、お早めにお申し込みください。
-
-
申込受付終了
-
2026年10月13日～2026年10月14日
（2日間）
【中止】
【会場】オンライン
【価格】121,000円
（税込）/人
-
-
申し込む
-
2026年10月15日～2026年10月16日
（2日間）
【受付】2026年10月6日まで
【会場】オンライン
【価格】121,000円
（税込）/人
-
-
申し込む
-
2026年11月19日～2026年11月20日
（2日間）
【受付】2026年11月11日まで
【会場】オンライン
【価格】121,000円
（税込）/人
-
-
申し込む
-
2027年1月21日～2027年1月22日
（2日間）
【受付】2027年1月13日まで
【会場】オンライン
【価格】121,000円
（税込）/人
-
-
申し込む
-
2027年2月9日～2027年2月10日
（2日間）
【受付】2027年2月1日まで
【会場】オンライン
【価格】121,000円
（税込）/人
-
-
申し込む
-
2027年3月18日～2027年3月19日
（2日間）
【受付】2027年3月10日まで
【会場】オンライン
【価格】121,000円
（税込）/人
■ 実務で使われる主要なライブラリを活用し、Reactアプリケーションを構築できる
■ 保守性・再利用性を意識したコンポーネント設計ができる
■ 今後ReactおよびReduxを使用してWebアプリケーションのフロントエンド開発を担当する方
■ Reactを利用してWebアプリケーションを記述できる方
■ 『React入門』コースをご受講いただいた方もしくは、同等の技術を習得している方
※5名様以上同時にお申込の場合には割引サービスがございますので、こちらからお問い合わせください
-
- 実行環境
- ■ React v19以降
■ Zustand v5以降
■ Jotai v2以降
■ TanStack Query v5以降
■ React Router v7以降
■ React Hook Form v7以降
■ Zod v4以降
■ Node.js v24以降
■ Chrome
■ Visual Studio Code
※使用するソフトウェアおよびバージョンについては予告なく変更する可能性がありますのでご了承ください。
-
- 配布資料
- オンライン参加の方は、研修当日にPDFのテキストを配布いたします。
オフライン（対面）参加の方は、研修当日に紙媒体のテキストを配布いたします。
-
- 受講料
-
121,000円（税込）/人
-
- お支払い
- 研修終了後に請求書払いとなります。
請求書は研修終了日の属する月の月末までに送付いたします。
-
- 持ち物
- 特にございません
-
- 開催日数
- 2日間
-
- 時間
- 9時30分～17時00分
■ 実践的で有用な各種パッケージの紹介
□ 状態管理
・グローバル状態管理とは
・Zustand
・Jotai
・Reduxとの比較
□ ルーティング
・ルーティングとは
・React Router
・ページ遷移とパラメータの受け渡し
□ データフェッチ
・サーバー状態とクライアント状態の違い
・TanStack Query
・キャッシュ・再フェッチ・ローディング状態の管理
□ フォーム
・React Hook Form
・Zodによるスキーマバリデーション
・React Hook FormとZodの連携
■ コンポーネント設計
□ 設計の基本原則
・単一責任の原則とコンポーネント分割
・propsの設計
・Suspenseによる非同期処理境界を意識する
□ 再利用性を高める技法
・カスタムフックへのロジック抽出
■ 実践演習
・学習内容を統合した中規模アプリケーションの実装
※最新でより良い内容をお届けするため、一部の学習項目を予告なく変更する可能性がありますのでご了承ください。
※お申し込み状況により、受付期限よりも前に受付終了となる場合がございますので、お早めにお申し込みください。
