Reactエンジニア研修
最新のReactを用いた実務的なUI開発を学び、効率的かつ拡張性あるシステム構築を支援します。
このような課題を抱えていませんか?
スキルがなくて、
案件にアサインできない…
社員が自発的に学習をしてくれない…
ロースキルで契約更新ができない…
基礎から現場ベースのカリキュラムを通して
実務に確実に結びつく研修をご案内します。
カリキュラム概要
Reactの基礎から実務開発までを体験できる研修
TypeScript：型定義、安全性の高い実装
React：コンポーネント設計、状態管理、イベント処理、API連携
React Hooks：useState / useEffect などの基本フック
開発手法：再利用性・保守性を意識した設計
アプリケーション開発の実践課題を通して、即戦力のフロントエンドエンジニアを育成します。
この研修がおすすめな方
マークアップ領域からスキルアップしたい
フロントエンドエンジニアとして、現場で即戦力として活躍したい
チーム開発やコードレビューに対応できる力を伸ばしたい
基礎的な内容からアプリケーション開発までを順番に取り組むため、着実に実装力を身につけることができます。
取り扱う言語・技術
TypeScript
TypeScriptの基礎を学びます。JavaScriptの課題をベースに行うため、効率よく学習を進めることが可能です。
React.js
TypeScriptを用いて、React.jsを学びます。簡易的なWebアプリケーションをいくつも作成することでより実践的な知識を身につけます。
Git
Gitを使ってソースコードのバージョン管理を学びます。基本操作から、開発フロー、pull request によるコードレビューまで、チーム開発を想定した実践的なGitの使い方を身につけます。
講義内容
第1回
Reactの基本概念とJSX構文を理解し、環境構築を行う。
第2回
コンポーネント分割とpropsを用いたデータ受け渡しを学ぶ。
第3回
CSS適用方法を比較し、Reactに最適なスタイル管理を理解。
第4回
useStateによる状態管理とprops連携、オブジェクト更新を習得。
第5回
useEffectを使った副作用処理とライフサイクルを理解する。
第6回
カスタムフックを用いて処理の再利用と保守性を高める。
第7回
Todoアプリ作成を通じて、学んだ機能を実装・保存処理を行う。
第8回
react-router-domで静的・動的ルーティングの設定を学ぶ。
第9回
Fluxアーキテクチャの理解とReduxによる状態管理を習得。
第10回
Firebase設定とデータ構造を理解し、基礎的な操作を学ぶ。
第11回
Firebase Authenticationを用いた認証の仕組みを理解する。
第12回
Firebase関連の機能を統合し、実践的なアウトプットを行う。
第13回
REST APIと非同期通信の仕組みを理解し、データ取得を学ぶ。
最終課題
Reactを活用して実践的なWebアプリケーションを開発する。
講義内容
第1回
Reactの基本概念とJSX構文を理解し、環境構築を行う。
第2回
コンポーネント分割とpropsを用いたデータ受け渡しを学ぶ。
第3回
CSS適用方法を比較し、Reactに最適なスタイル管理を理解。
第4回
useStateによる状態管理とprops連携、オブジェクト更新を習得。
第5回
useEffectを使った副作用処理とライフサイクルを理解する。
第6回
カスタムフックを用いて処理の再利用と保守性を高める。
第7回
Todoアプリ作成を通じて、学んだ機能を実装・保存処理を行う。
第8回
react-router-domで静的・動的ルーティングの設定を学ぶ。
第9回
Fluxアーキテクチャの理解とReduxによる状態管理を習得。
第10回
Firebase設定とデータ構造を理解し、基礎的な操作を学ぶ。
第11回
Firebase Authenticationを用いた認証の仕組みを理解する。
第12回
Firebase関連の機能を統合し、実践的なアウトプットを行う。
第13回
REST APIと非同期通信の仕組みを理解し、データ取得を学ぶ。
最終課題
Reactを活用して実践的なWebアプリケーションを開発する。
成果物の例
POINT
現場を想定したフローでwebアプリケーションを開発
01 要件定義書を確認
開発の前段階として要件定義書、画面設計書、API仕様書を確認します
02 Figmaでデザインを確認
Figmaでレイアウトを確認し、画像の書き出しなどを行います
03 学んだことを活かして開発
デザインを基に、React.jsとTypeScriptを用いて実装します
04 テスト
開発したアプリケーションが要件通りに漏れなく動くか自身でテストを行います
研修の進み方
STEP01
現在の案件やスキルをベースに、目標を設定します。Web開発やアプリケーション開発に精通した現役エンジニアの講師と一緒に考え、具体的な目標の設定を行います。
STEP02
学習進捗に合わせて、課題のレビューをハンズオン形式で行います。受講者がコーディングしたデータを画面共有しながらレビューすることで、問題点をすぐに改善することが可能です。
料金形態
パーソナルコース
講師が個々の習熟度に合わせて行う個別学習コースです。講師とマンツーマンで実施するため、疑問点を細かく解消でき、理解度を高めながら効率的にスキルを習得できます。
料金
330,000 円（税込）
期間
3 ヶ月
講義回数
12 回
料金
594,000 円（税込）
期間
6 ヶ月
講義回数
24 回
グループコース
プランの内容がわかるようなリードテキストを入れてくださいプランの内容がわかるようなリードテキストを入れてくださいプランの内容がわかるようなリードテキストを入れてください
料金（3名）
792,000 円（税込）
期間
3 ヶ月
講義回数
12 回
料金（3名）
1,386,000 円（税込）
期間
6 ヶ月
講義回数
24 回
MATERIAL
資料ダウンロード
提供サービスの内容や実績/事例についてご紹介します。
CONTACT
お問い合わせ
まずはお気軽にご相談ください。