Web開発
Hono + React でフルスタックモダンWeb開発
HonoとReactを組み合わせ、TypeScript中心のモダンなフルスタックWeb開発を5日間で学ぶ研修
期間
5日
総時間
約35時間
形式
ハンズオン研修
オンライン / オフライン
エンジニア向け5日HonoReactフルスタック
DETAIL
詳細
概要
軽量で型に強いHonoでAPIを実装し、Reactで画面と連携します。TypeScriptを軸にしたモダンなフルスタック開発の型・構成・連携の作法を、5日間のハンズオンで身につけます。
目的
HonoとReactで型安全なAPI／フロント連携を実践し、モダンWebアプリの実装の流れを体得すること。
到達ゴール
HonoのCRUD APIとReact画面を連携させ、一覧・作成・更新・削除まで動くアプリを完成できる。
研修の流れ
01
Day1：全体設計とHonoの基礎
1日- フルスタック構成の理解と環境構築
- ルーティング・ミドルウェア・型付きレスポンス
02
Day2：API実装（CRUD）
1日- バリデーションとエラーハンドリング
- データ層との接続とエンドポイント実装
03
Day3：Reactフロントの基礎
1日- コンポーネント設計と状態管理の基本
- 一覧画面・フォーム画面の実装
04
Day4：API連携と型の共有
1日- クライアントからのAPI呼び出し
- 型定義の共有・ローディング／エラー表示
05
Day5：総合演習とレビュー
1日- 機能追加・リファクタリング
- 設計メモの整理と振り返り
補足事項
- —受講にはPCが必要です。事前にNode.js環境の準備手順をご案内します。
- —デプロイ先（ローカル／エッジ等）は貴社の環境に合わせて調整できます。
- —題材や日数はカスタマイズ可能です。
形式・対象者・期間
- 形式
- ハンズオン研修オンライン / オフライン
- 対象者
- 新卒・若手エンジニア、TypeScriptでのフルスタック開発を経験したい方前提知識: JavaScript／TypeScript基礎および React の基本
- 期間
- 5日
- 総時間
- 約35時間