はじめに

この文書はWeb開発の入門ガイドです。 Web開発を進めていくための助けになれば幸いです。

目次

• はじめに
• Web開発入門
  • ファイルの扱い
  • HTMLの基本
  • CSSの基本
  • JavaScriptの基本
• 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概要とEdge-first思想
    • Hello Worldとローカル実行
    • ルーティング基礎
    • JSONレスポンスとリクエスト処理
    • ミドルウェア活用
    • ファイル構成とコード分割
    • TypeScriptとHono型システム
    • エラーハンドリング
    • 環境変数と設定管理
    • デプロイ戦略
  • HonoXによるフルスタック構築
    • HonoX概要とアーキテクチャ
    • プロジェクトセットアップ
    • プロジェクト構造とディレクトリ設計
    • フロントエンドページ開発
    • API定義とサーバー関数
    • 型安全なAPI連携
    • 認証とセッション管理
    • RPC実装とzodバリデーション
    • SSR/CSR戦略
    • テスト戦略
    • デプロイとキャッシュ戦略
    • CRUD アプリケーション構築
  • Web開発演習
    • プロジェクト企画と要件定義
    • サンプルアプリケーション分析
    • 画面設計とDB設計
    • 開発環境セットアップ
    • 開発実践とチーム作業
    • 成果発表準備
• Web
  • Webとは
  • Webの仕組み
  • URL
  • HTTP
  • HTML
  • MDNで調べてみよう
  • API
  • 開発者ツールに慣れる
• JavaScript
  • 値の評価と表示
  • 変数と宣言
  • データ型とリテラル
  • コメント
  • 演算子
  • 条件分岐
  • 関数と宣言
  • ループと反復処理
  • 非同期処理
  • 暗黙的な型変換
  • 文と式
  • オブジェクト
  • 配列
• Webサイトを公開する
  • 🔗 GitHubでのアカウントの作成
  • 🔗 GitHub Pagesサイトの作成
• Google Apps Script (GAS) で作るWebアプリ
  • 地図上に位置を表示する
  • スプレッドシートの作成
  • データを送信する
  • 位置情報を送信する
  • データを取得する
• Raspberry Piで温度センサーのデータの送信
  • スプレッドシートの作成
  • 温度センサーのデータの送信
  • グラフの作成
• Raspberry Piからスマートフォンにデータを送信する
  • トピックの作成
  • 温度センサーのデータの送信
• 質問・提案・問題の報告