Vibe Codingを成功させるための効果的なプロンプトテンプレート集。 AIとの対話を最適化し、開発効率を大幅に向上させましょう。
💡 効果的なプロンプトのコツ:
○○のようなWebアプリを作りたいです。 - 主な機能: [機能1, 機能2, 機能3] - ターゲットユーザー: [想定ユーザー] - 参考にしたいサービス: [サービス名] どのような技術スタックがおすすめですか？
フロントエンド: React vs Vue vs Svelte バックエンド: Node.js vs Python vs Go 私のスキルレベル: - JavaScript: [初級/中級/上級] - [その他の言語]: [レベル] プロジェクトの特徴: - [特徴1] - [特徴2] どれを選ぶべきでしょうか？
[機能名]を実装したいです。 要件: - [要件1] - [要件2] - [要件3] 現在のコード構造: ``` src/ ├── components/ ├── pages/ └── utils/ ``` どのように実装を進めればよいですか？
以下のエラーが発生しています： ``` [エラーメッセージ] ``` 発生状況: - 実行したコマンド: [コマンド] - 発生タイミング: [いつ発生するか] - 試したこと: [既に試した解決策] 関連コード: ```javascript [関連するコード] ```
以下のコードのパフォーマンスを改善したいです： ```javascript [現在のコード] ``` 問題点: - [観察された問題1] - [観察された問題2] 使用環境: - [フレームワーク/ライブラリ] - [実行環境] どのように最適化できますか？
このコードをもっと読みやすく、保守しやすくしたいです： ```javascript [リファクタリング対象のコード] ``` 懸念点: - [懸念1] - [懸念2] どのようにリファクタリングすべきでしょうか？
[システム名]の設計を考えています。 要件: - 想定ユーザー数: [数値] - 主な機能: [機能リスト] - 非機能要件: [パフォーマンス、セキュリティなど] 制約: - 予算: [予算感] - 期限: [期限] - チーム規模: [人数] どのようなアーキテクチャが適切でしょうか？
[アプリケーション名]のデータベース設計について相談です。 主なエンティティ: - [エンティティ1]: [説明] - [エンティティ2]: [説明] - [エンティティ3]: [説明] 想定される操作: - [操作1]: [頻度] - [操作2]: [頻度] どのようなスキーマ設計が良いでしょうか？
予期しない動作が発生しています。 期待する動作: [期待する動作の説明] 実際の動作: [実際の動作の説明] 再現手順: 1. [手順1] 2. [手順2] 3. [手順3] 関連しそうなコード: ```javascript [コード] ``` 何が原因でしょうか？
以下の関数/コンポーネントのテストを書きたいです： ```javascript [テスト対象のコード] ``` 特にテストしたいケース: - [ケース1] - [ケース2] - [エッジケース] テストフレームワーク: [Jest/Vitest/その他] どのようなテストを書けばよいですか？
このコードの動作を理解したいです： ```javascript [理解したいコード] ``` 特に分からない部分: - [行番号]: [何が分からないか] - [行番号]: [何が分からないか] 詳しく解説してください。
[技術/概念名]について教えてください。 私の現在の理解: [現在の理解を説明] 具体的に知りたいこと: - [質問1] - [質問2] - [質問3] 実際のコード例も交えて説明してもらえますか？