すべての記事
Claude Code × Storybook で築く本番グレードのコンポーネント駆動開発 — Visual Regression とデザインシステム運用の実装パターン
Claude Code と Storybook を組み合わせて、コンポーネント駆動開発を本番グレードまで引き上げる実装ガイド。Story の自動生成、Visual Regression、Interaction Testing、CI 統合、デザインシステム運用までを実例コード付きで解説します。
Claude Code で Stripe Webhook をローカルで安全にテストする3つの実用パターン
Stripe Webhook をローカルで再現するときに詰まりやすい署名検証・冪等性・再送のテストを、Claude Code と組み合わせて安全に進める3パターンを実装コード付きで解説します。
Claude Code で flaky test を体系的に潰す段階的アプローチ
「再実行したら通った」で済ませてきた flaky test を、Claude Code を使って体系的に分析・修正する手順を紹介します。原因分類から再現スクリプトまで、本番運用で機能しているパターンをまとめました。
Claude Code Skills を組み合わせる設計術 — 単一スキルでは届かない自動化を作る
Claude Code の Skills を1つずつ作るところから一歩進み、複数スキルを連携させて自動化を組む設計手法を解説します。Pipeline・条件分岐・メタスキルの3パターンとよくある落とし穴を実装例付きで詳述します。
AI エージェントが即座に活躍できるコードベース設計図
Claude Code をはじめとする AI エージェントが、初見のリポジトリでも迷わず開発に貢献できるコードベース設計の実践ガイド。CLAUDE.md・契約境界・ガードレール・テスト戦略まで体系化します。
Claude Code が .gitignore のファイルを検索しない理由と、必要なときに見つける方法
.env.example や dist/ が Claude Code の Glob/Grep に引っかからないとき、原因は .gitignore です。挙動の理由と、Read ツール・--no-ignore・一時的な除外解除の3つの突破口を具体的に解説します。
Claude Codeでフロントエンドのアクセシビリティ監査を自動化する — axe-coreとプルリクのコメント連携で運用に乗せる
アクセシビリティ監査を続けるのが難しい本当の理由と、Claude Code+axe-coreで「最初の一歩を5分」「日々の運用は無意識化」する具体的なワークフローを、設定例とともにまとめました。
Claude Code の実行を OpenTelemetry で観測する — エージェント処理を本番品質で可視化する設計ガイド
Claude Code のエージェント処理を OpenTelemetry でトレースする本番設計ガイド。フック連携・ツール呼び出し計測・MCP 通信・コスト属性・サンプリングまで、実運用で詰まらないパターンを解説します。
Claude Code の自動アップデートが効かない時の診断手順 — claude --version が古いまま動かない問題を切り分ける
Claude Code をアップデートしたはずなのに claude --version が古いまま、新機能が出てこない、という症状の根本原因を切り分けるための実践的な診断手順をまとめました。PATH 衝突、ローカルキャッシュ、nvm の切替、社内プロキシなどケース別に解説します。
Claude Code を午前と午後で別人格にする — 探索と実装を分けたワークフロー設計
Claude Code を午前は探索役、午後は実装役として使い分けると、設計判断のブレが減ります。個人開発者・廣川政樹の運用例と、CLAUDE.md の切り替え設計を共有します。
Claude Code が途中でタスクを諦める問題 — 完走させるプロンプト設計と検証ループ
「Done!」と言いながら実は半分しか終わっていないClaude Code。完走させるためのプロンプト構造と、自動検証ループによる安全策を、実際のリファクタ案件での失敗例から再構築します。
Claude Code の /init で生成された CLAUDE.md を実用レベルに磨き上げる4ステップ
/init コマンドが吐き出す CLAUDE.md は、そのままだと『あって当たり前のこと』しか書いてありません。生成直後の出力を実用レベルに引き上げる、私が普段やっている4ステップを共有します。