はじめに

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

目次

• はじめに
• Web開発入門
  • ファイルの扱い
  • HTMLの基本
  • CSSの基本
  • JavaScriptの基本
• Web開発研修
• Web開発環境構築
  • モダンWebアーキテクチャ概要
  • ローカル開発環境セットアップ
  • WSLトラブルシューティング
  • miseによるツール管理
  • VSCode入門
  • Git・GitHub基礎
  • React環境構築
  • TypeScript導入
  • Biomeによるコード品質管理
  • AI支援ツール活用法
  • 基本的な開発の流れ
• 🔗 Reactフロントエンド開発入門
• REST APIと非同期処理
  • REST API基礎
  • HTTPリクエストとJSON
  • GitHubで学ぶREST API実践
  • fetch APIの基本
  • useEffectによる非同期処理
  • useSWR入門
  • TanStack Query入門
  • プロキシ確認ガイド
• Honoハンズオン
  • Honoとエッジランタイム
  • Hello Worldとローカル実行
  • REST APIを作ろう
• Hono + React 連携
  • 概要
  • HonoとReactアプリを連携させよう
• 🔗 今日こそ理解するCORS
• SQLiteハンズオン
  • 概要
  • Node.jsでSQLiteを使う
  • ToDoアプリで学ぶSQL入門
  • Drizzle ORMの紹介
• 開発実践
  • アイディアを形に
  • 成果発表
• Node.js Test Runnerではじめる自動テスト
  • 事前準備
  • はじめてのテスト
  • 基本的な機能
  • テストの実践 ――「うるう年」問題
  • テストの作法
  • 参考文献・動画
• Web
  • Webとは
  • Webの仕組み
  • URL
  • HTTP
  • HTML
  • MDNで調べてみよう
  • API
  • 開発者ツールに慣れる
• JavaScript
  • 値の評価と表示
  • 変数と宣言
  • データ型とリテラル
  • コメント
  • 演算子
  • 条件分岐
  • 関数と宣言
  • ループと反復処理
  • 非同期処理
  • 暗黙的な型変換
  • 文と式
  • オブジェクト
  • 配列
• Webサイトを公開する
  • 🔗 GitHubでのアカウントの作成
  • 🔗 GitHub Pagesサイトの作成
• Google Apps Script (GAS) で作るWebアプリ
  • 地図上に位置を表示する
  • スプレッドシートの作成
  • データを送信する
  • 位置情報を送信する
  • データを取得する
• Raspberry Piで温度センサーのデータの送信
  • スプレッドシートの作成
  • 温度センサーのデータの送信
  • グラフの作成
• Raspberry Piからスマートフォンにデータを送信する
  • トピックの作成
  • 温度センサーのデータの送信
• 🔗 Node.jsハンズオン
• 🔗 ソフトウェアテスト概論
• 🔗 Vitestハンズオン
• 🔗 Jestハンズオン
• 🔗 GraphQL概論
• 🔗 Hasura概論
• 🔗 Hasura RESTハンズオン
• 🔗 GitHub と CodeSandbox の使い方 (スライド資料)
• 🔗 CHIRIMENハンズオン
• 🔗 アジャイル開発概論
• 🔗 Scrapbox
• 質問・提案・問題の報告