株式会社クリーク･アンド･リバー社（C&R社）は、9月1日（火）より、無料の「全4回で学ぶReact入門講座」を開催します。なお、第1回は9月1日（火）、第2回は9月8日（火）、第3回は9月15日（火）、第4回は9月29日（火）の開催を予定しています。

Metaが開発・公開しているJavaScriptライブラリであり、現在のWebアプリケーション開発において広く採用されている「React」。習得するためにはJavaScriptの文法だけでなく、コンポーネントによる画面構築やStateを利用したデータ管理など、React特有の考え方を理解することが重要です。

本講座では、最新の開発環境であるViteを利用しながら、Reactの基礎から実践的なアプリ開発までをハンズオン形式で学習します。JSXやコンポーネントの基本から始め、PropsやStateによるデータ管理、フォーム入力やリスト表示、React Compilerによる最新の最適化の考え方、そしてカスタムフックによるロジックの再利用まで、段階的に理解を深めていただく予定です。また、講座の後半では、Todoアプリの開発を通じて、Reactらしい設計や実装を実践的に学んでいただきます。これからReactを学びたい方、改めて基礎から学び直したい方におすすめの講座です。ご興味をお持ちの方はお気軽にご参加ください。

＜カリキュラム＞
第1回：Reactの基本
・Reactとは何か
・Viteによる環境構築
・JSX
・コンポーネント
・コンポーネントの組み合わせ
・イベント処理

第2回：Props・useState・CSS Modules
・Props
・親から子へのデータ渡し
・CSS Modules
・useState
・State変更による画面更新
・PropsとStateの違い

第3回：Stateの応用とReact Compiler
・フォームとState
・配列の表示
・配列Stateへの追加・削除
・Stateを直接変更しない考え方
・再レンダリングの基本
・React Compilerの役割
・React Developer Toolsでの確認

第4回：カスタムフック
・Hooksの復習
・カスタムフックとは何か
・カスタムフックが必要になる理由
・コンポーネントからロジックを分離する
・カスタムフックの作成
・複数コンポーネントでの再利用
※適宜休憩をはさみます。
※講義内容は予定です。当日の進行状況などにより変更となる場合があります。

＜お申し込み前にご確認ください＞
※当オンライン講座の対象・レベル・環境などの注意点です。ご確認の上お申し込みください。
・HTML、CSSの基本的な知識がある方を対象としています。
・JavaScript（ES6以降）の基本的な文法を理解していることを前提とします。
・Reactの学習経験は不要です。
・Reactは講座実施時点の最新版を対象とします。
・本講座ではJavaScriptを利用します。TypeScriptは扱いません。
・Next.jsなどのReactフレームワークは扱わず、React本体の理解に重点を置きます。
・React Compilerを利用した現在のReact開発スタイルを前提として解説します。
・アーカイブの配信はございませんので予めご了承ください。

↓ハンズオン形式で実施します。実習には以下の環境が必要となります。
・Visual Studio Code（最新版推奨）
・Node.js LTS版
・Google Chrome
・インターネット接続環境
※受講に必要な環境については、事前にご案内いたします。
※講座用の開発環境はこちらで準備したものをご利用いただく予定です。

全4回で学ぶReact入門講座

■日時　
第1回　2026年9月1日（火）19：00～21：00
第2回　2026年9月8日（火）19：00～21：00
第3回　2026年9月15日（火）19：00～21：00
第4回　2026年9月29日（火）19：00～21：00

■講師

関口和真（せきぐち・かずま）氏
株式会社コムセント取締役 CTO
サイトデザイン、HTMLのコーディング、JavaScript・PHP等を利用したプログラム開発、iOS・Android向けアプリの作成、Webサーバーの実装、運用などトータルでWebサイトの作成を行う。テクノロジーを理解し、デザインやコーディング、サーバー運用やサービス運用のアドバイスをトータルで行える点が強み。株式会社コムセント（Web制作会社）のCTOとしてWebサイト作成、システム開発及びプログラム開発に従事。ECサイトのカスタマイズ、フルスクラッチによるWebシステム開発、映像配信システムや映像配信、配信用スマートフォンアプリ作成を主に手がける。大学・専門学校にて、Web制作の授業を担当（非常勤）。イベントやセミナーの登壇経験も豊富。 Dreamweaver等の著書も。

■参加費
無料

■定員
60名

▼詳細・お申し込み
https://www.creativevillage.ne.jp/category/crv_event/177917/
※締切：2026年9月29日（火） 21：00

▼PECのクリエイター向け研修サービス詳細
https://www.creativevillage.ne.jp/category/topcreators/web-creator/110965/


【本講座に関するお問い合わせ】
株式会社クリーク･アンド･リバー社　PEC事務局
「React入門講座」担当
Email：pec_seminar@pr.cri.co.jp

▼そのほかのIT・プログラミング関連セミナー
https://www.creativevillage.ne.jp/category/crv_event_category/crv_event_it-programming/

イベント情報は、クリエイターのための情報サイト「CREATIVE VILLAGE」でご覧いただけるほか、メールマガジンでも配信中です。ご興味をお持ちの方は、ぜひご登録ください！

▼「C&R社イベント情報メルマガ」のご登録はこちらから
https://go.creativevillage.ne.jp/l/924692/2022-01-14/hrr6w

▼クリエイターのための情報サイト「CREATIVE VILLAGE」はこちらから
https://www.creativevillage.ne.jp/

▼「CREATIVE VILLAGE」アプリのダウンロードはこちらから
iOS：https://apple.co/3qLDNbT
Android：https://bit.ly/3dkO2AS

＼＼オンライン研修サービス「PECスタ」開始！／／
1990年創業のクリエイター･エージェンシーのパイオニアであるC&R社の教育部門「PEC（Professional Education Center）」が企画・開催したウェビナー550本以上のアーカイブコンテンツを法人向けにパッケージ化したオンライン研修サービスがついに始動。IT・デジタル・クリエイティブ領域に強みを持つほか、デザインやプログラミング、AIなどの最新技術・トレンドをカバーするコンテンツを日々拡充していきます。社員や職員の方々の研修やリスキリング、教育訓練にぜひご活用ください。

▼詳細はこちらから
https://www.cri.co.jp/news/005792.html