Keyboard shortcuts

Press or to navigate between chapters

Press S or / to search in the book

Press ? to show this help

Press Esc to hide this help

Web開発研修

この章は、実践的なWeb開発スキルを短期間で身につけることを目的とした研修カリキュラムです。ハンズオン中心の構成で、ローカル環境のセットアップからAPI設計、Edge/サーバーレス技術(Hono/HonoX)を使ったフルスタック開発、そしてチームでの開発演習までを扱います。

学習の目標

  • モダンなローカル開発環境を自信を持って構築できる
  • HTTP/RESTや非同期処理の基礎を理解し、外部APIと連携できる
  • HonoやHonoXを使った軽量なサーバー/APIを設計・実装できる
  • 型安全(TypeScript)とテストを取り入れた堅牢な開発フローを実践できる
  • 小さなチームでプロジェクトを企画・実装し、成果を発表できる

前提条件

  • HTML/CSS/JavaScript の基礎知識

進め方(推奨)

  1. 環境構築パート(Environment)を最初に終わらせ、ローカルで実行できる状態を作る
  2. REST APIと非同期処理の章でHTTPの基本とfetch等の使い方を押さえる
  3. Honoハンズオンでサーバー側の基本を学び、HonoXでフロントとAPIの連携を実践する
  4. 演習(Practice)で小さなプロジェクトを作り、最後に発表・レビューを行う

所要時間は全体で数週間〜1ヶ月程度(学習ペースや研修スコープにより変動)を想定しています。短期間で集中的に進める場合は、演習を縮小して重要なトピックに絞ると良いです。

演習と評価

各パートには演習課題があり、手を動かして学ぶことを重視しています。最終的には小規模なチームでの開発演習を通して以下を評価します:

  • 要件定義と設計の妥当性
  • 実装の正確さと型安全性(TypeScript)
  • テストの有無と品質(ユニット/統合)
  • デプロイやドキュメントの整備

成果はプロジェクトのデモと簡単なレポートで共有してください。

フィードバック / 問い合わせ

学習中の質問・改善提案・教材の誤りなどは「質問・提案・問題の報告」をご覧ください。研修担当者やメンターに直接相談しても構いません。

Web開発環境構築

REST APIと非同期処理

Honoハンズオン

HonoXによるフルスタック構築

Web開発演習