Claude Codeにレイアウトを正確に再現させる「中間設計書」記法

ClaudeCodeにWebサイトのコーディングを任せるとき、デザインカンプ(画像/PDF)をそのまま渡すだけでは、レイアウトが正確に再現できないという壁にぶつかりました。特に難し…
続きを読む

Claude Code にWebサイトのコーディングをさせる方法—ドキュメント設計から指示出しまで

ClaudeCodeは、アプリ開発やフォームシステムだけでなく、Webサイトのフロントエンドコーディングにも十分活用できます。ただし、何も準備なしに「このデザインをHTMLにしてく…
続きを読む

AIコードレビューツール比較:PHP個人開発でCodeRabbitを12回回した実録と主要ツール総まとめ

「AIにコードレビューを任せたい」と思ったとき、2026年時点では選択肢がかなり増えています。自分自身はPHPプロジェクト(WordPress非依存のメールフォームシステム)でCo…
続きを読む

Electron アプリを作るときの注意点まとめ - パッケージング・IPC・メモリ管理まで

実際にElectronでデスクトップアプリ(複数ファイルへの一括テキスト置換ツール)を0から作りました。開発中に何度もハマり、そのたびに解決策を記録してきました。次回また同じ轍を踏…
続きを読む

Claude Code の settings.json コピペですぐ使えるおすすめ設定まとめ【2026年版】

ClaudeCodeを使っていて「毎回コマンドの許可を求められるのが面倒」「設定ファイルがあるらしいけど何を書けばいいかわからない」と感じていませんか?settings.jsonを…
続きを読む

Claude CodeにSlash Commandsで、開発日誌を書いてもらう方法

ClaudeCodeのSlashCommands機能を使えば、セッション終了前に詳細な開発日誌を自動生成できます。この記事では、SlashCommands/devlogを作って、開…
続きを読む

Vibe Codingのワークフロー 実行編4 - GitHubリリースの手順

開発したプロダクトをGitHubで公開するまでの手順をまとめました。個人開発者向けに、必要最小限の設定で効率的に公開する方法を解説します。VibeCodingのワークフロー実行編3…
続きを読む

Vibe Codingのワークフロー 実行編1 - Claude Code 開発指示の基本

準備編で作成した設計書をもとに、ClaudeCodeで効率的に開発を進めるための実践的なコツをまとめました。Explore→Plan→Code→Commitの4段階的アプローチを中…
続きを読む

Vibe Codingのワークフロー 準備編2.3 - Gemini CLI を併用して設計書を作成する

AIコーディングツールが急速に進化する中、多くの開発者が「ClaudeCode一強」と考えがちです。しかし、実はGeminiCLIとClaudeCodeを戦略的に併用することで、開…
続きを読む

Vibe Codingのワークフロー 準備編2.1 - 開発方針/テスト環境の整備

AIを活用したコーディングで最も重要なのは、AIが理解できる形で問題を記録し、解決パターンを蓄積することです。エラーが発生したとき「なぜ起きたか」「どう解決したか」が明確に記録され…
続きを読む

Vibe Codingのワークフロー 準備編1 - 要件定義・設計管理 -

ClaudeCodeで効率的に開発を進めるために最も重要なのは「事前準備」です。AIに曖昧な指示を出すと、意図しない方向に進んでしまい、大量の修正が必要になります。この記事では、実…
続きを読む