CREATE THE VISIBLE
「見える部分」をつくるエンジニアへ
Webサイトやアプリで、ユーザーが直接触れる画面（UI）をつくる力を身につける研修です。
未経験からでも、3ヶ月で実務レベルのフロントエンドエンジニアを目指します。
研修のゴール
- Webサイトの画面（UI）を自分で作れる
- React / Next.jsでアプリを開発できる
- APIと連携した動的な画面を実装できる
- チーム開発（Git・レビュー・進行管理）ができる
- 実務に近い開発経験がある
研修の全体像
-
STEP01
基礎を固める
（HTML / CSS / JavaScript）
-
STEP02
チーム開発で実践
実務に近い開発を経験
-
STEP03
アウトプット・改善
振り返りとスキルの定着
研修の3つの特徴
-
実務を想定
Spring Bootなど、現場で使われる技術を中心に学び、実践力を身につけます。
-
実践重視
実践重視のカリキュラム。講義 → 演習 → 開発を高速で繰り返し、手を動かしながら定着させます。
-
チーム開発
ECサイトの共同開発から発表まで経験し、実務に近い開発フローを学びます。
研修の内容
-
STEP01
フロントエンド基礎
まずはWebの基本からスタート。
HTML（構造）／ CSS（見た目）／ JavaScript（動き）Webページがどう作られているかを理解する
-
STEP02
Webの仕組み理解
裏側の動きを理解する
URL ／ HTTP通信 ／ Cookie ／ セッション管理なぜ動くのかが分かるようになる
-
STEP03
モダン開発 （React / TypeScript）
実務で使われる技術を習得する
React（UI構築）／ TypeScript（型による安全な開発）大規模開発に対応できるスキルへ
-
STEP04
Next.jsによる実践開発
実際のWebアプリを構築する
Next.js（最新フレームワーク）／ 画面遷移・データ取得実務レベルの開発を体験する
-
STEP05
開発環境・ツール
現場と同じ環境で開発する
Node.js ／ npm ／ Viteなどの開発ツール現場に入ってすぐ動ける状態に
-
STEP06
ソフトウェアテスト
品質を担保する考え方を学ぶ
テスト設計 ／ バグの見つけ方・修正の流れ壊れないものをつくる視点が身につく
-
STEP07
AI活用
現代開発の必須スキル
コード生成・レビューでの活用 ／ チームでの活用方法AIを使いこなすエンジニアへ
-
FINAL
プロジェクト型演習
研修の集大成として、チームで開発を行います
Next.jsでECサイトを開発 ／ 要件定義〜設計〜実装〜テストまで一貫対応 ／ GitHubでの進行管理・レビュー実務をそのまま再現しています
得られるスキル
-
短期習得力
未経験からフロントエンド開発スキルを習得
-
実装力
UI構築、API連携、デバッグ対応
-
技術力
HTML / CSS / JavaScript、React / Next.js / API / Git / CLI
-
適応力
新しい技術にも柔軟に対応できる基礎体力
-
チーム開発力
コミュニケーション、報連相、協働
講師からのメッセージ
