React Claude Code に2週間完全委任してみた – 速度と理解負債のリアル
個人開発ツールを題材に Claude Code へ2週間完全委任した検証レポート。初回実装は3日予定が1日で完了、機能追加はシャワー中に終わる速度感。一方でDay 7には「自分のコードを覚えていない」理解負債が顕在化。定量データと実際のトラブルで正直に報告。
React 
Hono Cloudflare Workers + Hono + React + D1 環境構築でハマった6つのポイント
Workers Assets + Hono + React + D1 構成の環境構築でハマりやすい6つの落とし穴を解説。Cloudflare Pages との混同・workers.dev サブドメイン登録など初心者がつまずく箇所を原因から解説します。
Hono Cloudflare Workers + Hono + React + D1 + Drizzle ORM のセットアップ手順書
Cloudflare Workers に React フロントエンドと Hono バックエンドを同居させる構成のセットアップ手順書。Tailwind CSS v4・D1・Drizzle ORM 含む全15ステップを完全収録。
React Google MapsのInfoWindowをCSSでスタイリングする — !importantとCSS詳細度の話
Google MapsのInfoWindowの背景色や文字色をCSSで変更する方法を解説。なぜstyle propsでは変わらないのか、CSS Modulesが使えない理由、!importantが必要な理由をあわせて説明します。
React ReactのJSXでリストを表示するとき .map() を使う理由とkey propの役割
ReactのJSXでリストを表示するときにfor文ではなく.map()を使う理由を解説。「式と文の違い」という観点でJSXの仕組みを説明し、key propが必要な理由とインデックスを避けるべき理由もあわせて紹介します。
React Reactでカラーパレットを一元管理する — TypeScript定数とデザイントークン
Reactプロジェクトで色などのデザイン値をTypeScript定数で一元管理する方法を解説。デザイントークンの考え方、theme.tsの作り方、backgroundColor vs backgroundの違いも紹介します。
React ViteプロジェクトでAPIキーを安全に管理する — .envファイルと環境変数
ViteプロジェクトでAPIキーを安全に管理する方法を解説。.envファイルの作り方、VITE_プレフィックスが必要な理由、import.meta.envでの読み取り方、.gitignoreへの追加まで手順を紹介します。
React Reactで子コンポーネントから親に値を渡す方法
Reactで子コンポーネントから親の状態を更新する方法を解説。「関数をpropsとして渡す」パターンをTypeScriptの型定義例とあわせて紹介します。
React Reactでコールバック形式のAPIをPromiseとuseEffectで使う方法
Geolocation APIなどコールバック形式のAPIをPromiseでラップしてawaitで使う方法を解説。ReactのuseEffectで非同期処理を正しく扱うパターンも紹介します。
React setStateの直後にconsole.logしても古い値が出る理由
ReactでsetStateの直後にconsole.logすると古い値が出る理由を解説。「スナップショットモデル」の考え方と、stateの最新値を正しく確認する方法を紹介します。