TAG：  Vibe Coding

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

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

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

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

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

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

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

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

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

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