-
Claude for Chrome × Claude Code で、Webサイトを校正する方法|プロンプトつき実践ガイド
AIでWebコーディング 前の記事で「ClaudeforChromeで誤字が見つかる」という話を書いた。今回はさらに踏み込んで、ClaudeCodeの/chrome接続と組み合わせた、より網羅的な校正フロー…
続きを読む
-
Claude Codeにレイアウトを正確に再現させる「中間設計書」記法
AIでWebコーディング ClaudeCodeにWebサイトのコーディングを任せるとき、デザインカンプ(画像/PDF)をそのまま渡すだけでは、レイアウトが正確に再現できないという壁にぶつかりました。特に難し…
続きを読む
-
Better Search Replace を複数ペア一括置換に拡張するパッチを公開しました
PHP・WordPress WordPressのデータベース検索置換ツールとして定番のBetterSearchReplace(以下BSR)を、複数の検索/置換ペアを一度に実行できるよう拡張するパッチファイルを…
続きを読む
-
Claude Design を使ってみた(× Claude Code で、WordPressをリデザインしてみた)
AIでWebコーディング AnthropicLabsからリリースされたClaudeDesignを使って、TOPページをリデザインしてみました。ClaudeDesignでデザインを起こし、そのままClaude…
続きを読む
-
Claude Code にWebサイトのコーディングをさせる方法—ドキュメント設計から指示出しまで
AIでWebコーディング ClaudeCodeは、アプリ開発やフォームシステムだけでなく、Webサイトのフロントエンドコーディングにも十分活用できます。ただし、何も準備なしに「このデザインをHTMLにしてく…
続きを読む
-
AIコードレビューツール比較:PHP個人開発でCodeRabbitを12回回した実録と主要ツール総まとめ
AIコーディング 「AIにコードレビューを任せたい」と思ったとき、2026年時点では選択肢がかなり増えています。自分自身はPHPプロジェクト(WordPress非依存のメールフォームシステム)でCo…
続きを読む
-
Claude Codeでドキュメントを自動更新・同期する方法|開発とドキュメントのズレを解消
AIコーディング 開発初期はきちんと書いたREADME.mdや設計書が、気づけば現状と全然違う内容になっている。これはおそらく主要な開発者が経験する問題です。原因はシンプルで、コードを変更するたびに…
続きを読む
-
Remotion で Callout アニメーションを作る【Studio × Zod でリアルタイム座標調整】
動画・画像編集 動画の上に「ここに注目してほしい」を伝えるコールアウト——地図ピン・波紋・コネクター線・ラベルのセットをアニメーションで表示したい場面があります。この記事ではClaudeCode+…
続きを読む
-
Webページの校正に「Claude for Chrome」が意外と使えた話
AIでWebコーディング きっかけ:URLを渡してAIに校正させたかったWebページの校正を目視でやっていると、どうしても見落としが出る。「AIに校正させたい」と思ったのは自然な流れでした。HTMLファイル…
続きを読む