React入門から実践的なアプリ開発までを学べる無料オンライン講座を開催

株式会社クリーク・アンド・リバー社は、2026年9月1日(火)より、無料のオンライン講座「全4回で学ぶReact入門講座」を開催します。本講座は、Metaが開発・公開し、現在のWebアプリケーション開発で広く採用されている「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の復習、カスタムフックとは何か
-
カスタムフックが必要になる理由
-
コンポーネントからロジックを分離する、カスタムフックの作成
-
複数コンポーネントでの再利用
-
※講義内容は予定であり、当日の進行状況により変更となる場合があります。
講師紹介

関口和真(せきぐち・かずま)氏
株式会社コムセント取締役CTO。サイトデザイン、HTMLコーディング、JavaScript・PHP等を利用したプログラム開発、iOS・Android向けアプリ作成、Webサーバーの実装・運用など、Webサイト作成をトータルで手がけています。テクノロジーを理解し、デザインやコーディング、サーバー運用、サービス運用のアドバイスを一貫して行える点が強みです。大学・専門学校でのWeb制作授業担当や、イベント・セミナーでの登壇経験も豊富で、著書も多数あります。
受講対象・環境
-
HTML、CSSの基本的な知識がある方を対象とします。
-
JavaScript(ES6以降)の基本的な文法を理解していることを前提とします。
-
Reactの学習経験は不要です。
-
本講座ではJavaScriptを利用し、TypeScriptやNext.jsなどのReactフレームワークは扱いません。
-
実習には以下の環境が必要となります。
-
Visual Studio Code(最新版推奨)
-
Node.js LTS版
-
Google Chrome
-
インターネット接続環境
-
※受講に必要な環境については、事前に案内されます。講座用の開発環境は主催者側で準備されたものが利用される予定です。
開催日時・参加費・定員
-
日時
-
第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
-
-
参加費:無料
-
定員:60名
お申し込み
詳細・お申し込み
締切:2026年9月29日(火)21:00
関連情報
-
「CREATIVE VILLAGE」アプリのダウンロード
株式会社クリーク・アンド・リバー社について
1990年に設立され、「プロフェッショナルの生涯価値の向上」と「クライアントの価値創造への貢献」をミッションに、映像、ゲーム、Web、広告・出版など多岐にわたる分野でエージェンシー事業、プロデュース事業、ライツマネジメント事業を展開しています。C&Rグループとして、医療、IT、会計など18分野で事業を拡大しています。


コメント