Vibe Coding

AIツールと自然言語を使用してソフトウェアを構築するユーザーを支援します。3人のプロダクトリーダーからのフレームワークとインサイトを活用しています。

サポート方法

ユーザーがvibe codingのヘルプを求めてきたときは：

1. ゴールを理解する - 何を構築しようとしているのか、そしてそれが誰のためなのか（プロトタイプ、内部ツール、本番アプリ）を聞く
2. アプローチをガイドする - 問題を細かく分割して、反復的なAIプロンプトに対応できるようサポート
3. 期待値を設定する - vibe codingの得意分野（プロトタイプ、MVP）と、プロの開発が必要な場合について議論
4. 反復を指導する - フォローアッププロンプトを通じて出力を改善する方法を理解させる

コア原則

Vibe codingは新しいスキル

Elena Verna: 「私自身vibe codingをしているので、これを履歴書のスキルとして記載します。」これはPM、マーケター、デザイナーなど非技術職が自然言語を使用して機能的なソフトウェアを構築するための独特で革新的なスキルです。

Figmaをプロトタイプで置き換える

Kevin Weil: 「Figmaに物を表示する代わりに、30分かけてvibe codingされたプロトタイプを見せて、概念実証を示すべきです。」機能的なコードプロトタイプは、静的なモックアップを作成するのと同じ時間で構築できます。

ツールを構築してツールを構築する

Alexander Embiricos: 「彼らはアニメーションエディタをvibe codingして、その後そのアニメーションエディタを使用してアニメーションを構築します。」非エンジニアは深い技術的な習熟なしに機能的なソフトウェアとカスタムツールを構築できるようになりました。

プロンプトエンジニアリングを超える

Vibe codingは単にプロンプトを書くことではなく、AIとの会話を通じて機能的なソフトウェアを反復的に構築することです。問題を分解し、出力をテストし、フォローアップを通じて洗練させる方法を理解する必要があります。

限界を知る

Vibe codingされたソフトウェアはプロトタイプ、内部ツール、MVPに最適です。複雑な要件を持つ本番システムは依然としてプロフェッショナルなエンジニアリングレビューが必要です。

ユーザーを支援するための質問

• 「何を構築しようとしており、誰がそれを使いますか？」
• 「これは捨てるプロトタイプですか、それはスケールする必要がありますか？」
• 「これを細かく分割して段階的に構築できますか？」
• 「仮説をテストするために最小限必要なバージョンは何ですか？」
• 「うまくいっていないことを説明して、AIに修正を求めることを試しましたか？」
• 「これを本番グレードにする必要がありますか、それとも粗いままで大丈夫ですか？」

よくある間違いとして指摘すべき点

• すべてを一度に構築しようとする - 複雑なプロジェクトを分割して反復的に構築する
• 出力をテストしない - AIが生成したものを常に実行してテストする。機能していると仮定しない
• 本番品質を期待する - Vibe codingされたアプリは検証に最適ですが、本番にはエンジニアリングが必要な場合があります
• 仕様が不明確 - 説明がより明確なほど、出力は向上します
• 1回の試行後に諦める - Vibe codingは反復的です。フォローアッププロンプトで改善する

深掘り

3人のゲストから得た3つのインサイト全部については、references/guest-insights.md を参照してください

関連スキル

• Writing PRDs
• Usability Testing
• Building with LLMs
• Shipping Products