Claude Code 「戻る」リンクを直すだけのつもりが、SPA設計を3回見直すことになった話
React RouterのSPAで「前のページに戻る」を実装しようとしたら、document.referrer vs location.state、フッター設計、グローバルレイアウトの限界という4つの設計判断に直面した記録。
React
Claude Code 
Claude Code Claude Code のカスタムスラッシュコマンドで GitHub Issue 作成を自動化した
Claude Code との会話中に /issue と打つだけで GitHub Issue を自動作成する仕組みを作りました。gh CLI のセットアップからカスタムスラッシュコマンドの実装、グローバル版とプロジェクト版の使い分けまで解説します。
React Claude Codeに丸投げしてみた – Q&Aページ実装編
Q&AページをClaude Codeに丸投げ。削除スケジュールをGitHub Actionsから正確に読み取ってQ&Aに反映。ローカルD1でno such table: eventsが出た原因と、暗黙の慣習には弱いというClaudeの限界も解説します。
React Claude Code に2週間完全委任してみた – 速度と理解負債のリアル
個人開発ツールを題材に Claude Code へ2週間完全委任した検証レポート。初回実装は3日予定が1日で完了、機能追加はシャワー中に終わる速度感。一方でDay 7には「自分のコードを覚えていない」理解負債が顕在化。定量データと実際のトラブルで正直に報告。
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への追加まで手順を紹介します。