- 1. はじめに
- 2. Web開発入門
- 2.1. ファイルの扱い
- 2.2. HTMLの基本
- 2.3. CSSの基本
- 2.4. JavaScriptの基本
- 3. Web開発研修
- 3.1. Web開発環境構築
- 3.1.1. モダンWebアーキテクチャ概要
- 3.1.2. ローカル開発環境セットアップ
- 3.1.3. miseによるツール管理
- 3.1.4. VSCode入門
- 3.1.5. Git/GitHub基礎
- 3.1.6. React環境構築
- 3.1.7. TypeScript導入
- 3.1.8. Biomeによるコード品質管理
- 3.1.9. AI支援ツール活用法
- 3.1.10. 基本的な開発の流れ
- 3.2. REST APIと非同期処理
- 3.2.1. REST API基礎
- 3.2.2. GitHubで学ぶREST API実践
- 3.2.3. HTTPリクエストとJSON
- 3.2.4. fetch APIの基本
- 3.2.5. useEffectによる非同期処理
- 3.2.6. useSWR入門
- 3.2.7. エラーハンドリング戦略
- 3.2.8. プロキシ確認ガイド
- 3.3. Honoハンズオン
- 3.3.1. Hono概要とEdge-first思想
- 3.3.2. Hello Worldとローカル実行
- 3.3.3. ルーティング基礎
- 3.3.4. JSONレスポンスとリクエスト処理
- 3.3.5. ミドルウェア活用
- 3.3.6. ファイル構成とコード分割
- 3.3.7. TypeScriptとHono型システム
- 3.3.8. エラーハンドリング
- 3.3.9. 環境変数と設定管理
- 3.3.10. デプロイ戦略
- 3.4. HonoXによるフルスタック構築
- 3.4.1. HonoX概要とアーキテクチャ
- 3.4.2. プロジェクトセットアップ
- 3.4.3. プロジェクト構造とディレクトリ設計
- 3.4.4. フロントエンドページ開発
- 3.4.5. API定義とサーバー関数
- 3.4.6. 型安全なAPI連携
- 3.4.7. 認証とセッション管理
- 3.4.8. RPC実装とzodバリデーション
- 3.4.9. SSR/CSR戦略
- 3.4.10. テスト戦略
- 3.4.11. デプロイとキャッシュ戦略
- 3.4.12. CRUD アプリケーション構築
- 3.5. Web開発演習
- 3.5.1. プロジェクト企画と要件定義
- 3.5.2. サンプルアプリケーション分析
- 3.5.3. 画面設計とDB設計
- 3.5.4. 開発環境セットアップ
- 3.5.5. 開発実践とチーム作業
- 3.5.6. 成果発表準備
- 4. Web
- 4.1. Webとは
- 4.2. Webの仕組み
- 4.3. URL
- 4.4. HTTP
- 4.5. HTML
- 4.6. MDNで調べてみよう
- 4.7. API
- 4.8. 開発者ツールに慣れる
- 5. JavaScript
- 5.1. 値の評価と表示
- 5.2. 変数と宣言
- 5.3. データ型とリテラル
- 5.4. コメント
- 5.5. 演算子
- 5.6. 条件分岐
- 5.7. 関数と宣言
- 5.8. ループと反復処理
- 5.9. 非同期処理
- 5.10. 暗黙的な型変換
- 5.11. 文と式
- 5.12. オブジェクト
- 5.13. 配列
- 6. Webサイトを公開する
- 6.1. 🔗 GitHubでのアカウントの作成
- 6.2. 🔗 GitHub Pagesサイトの作成
- 7. Google Apps Script (GAS) で作るWebアプリ
- 7.1. 地図上に位置を表示する
- 7.2. スプレッドシートの作成
- 7.3. データを送信する
- 7.4. 位置情報を送信する
- 7.5. データを取得する
- 8. Raspberry Piで温度センサーのデータの送信
- 8.1. スプレッドシートの作成
- 8.2. 温度センサーのデータの送信
- 8.3. グラフの作成
- 9. Raspberry Piからスマートフォンにデータを送信する
- 9.1. トピックの作成
- 9.2. 温度センサーのデータの送信
- 10. 質問・提案・問題の報告