Web開発研修
目的
フロントエンド(React)からバックエンド(Hono)まで、モダン Web 開発の全てのスキルを習得する実践研修プログラムです。REST API サーバの実装から UI 開発まで、現代の Web 開発に必要な技術スタックを体系的に学習します。
対象者
- JavaScript の基本構文を理解している方
- 実務でのモダンな Web フルスタック開発スキル習得を目指す方
研修の特徴
実際の Web アプリケーション開発に必要なフロントエンド・バックエンドの実装スキル習得を重視した実践的プログラム
フィードバック / 問い合わせ
学習中の質問・改善提案・教材の誤りなどは「質問・提案・問題の報告」をご覧ください。研修担当者やメンターに直接相談しても構いません。
Web開発環境構築
- モダンWebアーキテクチャ概要
- ローカル開発環境セットアップ
- miseによるツール管理
- VSCode入門
- Git・GitHub基礎
- React環境構築
- TypeScript導入
- Biomeによるコード品質管理
- AI支援ツール活用法
- 基本的な開発の流れ
REST APIと非同期処理
- REST API基礎
- GitHubで学ぶREST API実践
- HTTPリクエストとJSON
- fetch APIの基本
- useEffectによる非同期処理
- useSWR入門
- エラーハンドリング戦略
- プロキシ確認ガイド
Honoハンズオン
- Hono概要とエッジランタイム思想
- Hello Worldとローカル実行
- ルーティング基礎
- JSONレスポンスとリクエスト処理
- ミドルウェア活用
- ファイル構成とコード分割
- TypeScriptとHono型システム
- エラーハンドリング
- 環境変数と設定管理
- デプロイ戦略
HonoXによるフルスタック構築
- HonoX概要とアーキテクチャ
- プロジェクトセットアップ
- プロジェクト構造とディレクトリ設計
- フロントエンドページ開発
- API定義とサーバー関数
- 型安全なAPI連携
- 認証とセッション管理
- RPC実装とzodバリデーション
- SSR/CSR戦略
- テスト戦略
- デプロイとキャッシュ戦略
- CRUD アプリケーション構築