効率的なプロンプト技術のまとめ#
私は、開発効率を 3 倍以上向上させるための効率的なプロンプト技術を 3 つの側面から皆さんに紹介します。文中には詳細なテンプレート、ソースコード、オンラインサイトのプレビューがあります。
プロンプトの基本構造と原則#
良い Cursor プロンプトは通常、3 つの部分で構成されています：目標説明 + コンテキスト情報 + 具体的な要求。例えば：React のログインコンポーネントを作成し、Tailwind CSS スタイルを使用し、メール認証機能とパスワードを記憶するオプションを含める必要があります。
効果のデモ：#
- プロンプトの黄金原則
- 具体性は曖昧さに勝る：言語、フレームワーク、機能を指定する
- 簡潔さは冗長さに勝る：毎回明確なタスクに集中する
- 構造は無秩序に勝る：マークアップ記号を使用して情報を整理する
5 つの実用的なプロンプトテンプレート#
1. コード生成テンプレート#
[プログラミング言語] を使用して [機能説明] を作成する、要求：
- [機能ポイント 1]
- [機能ポイント 2]
- [機能ポイント 3]
2. コード説明テンプレート以下のコードの機能と動作原理を説明する：#
[説明が必要なコードを貼り付ける]
主に注目する点：
- [注目点 1]
- [注目点 2]
3. コードリファクタリングテンプレート以下のコードをリファクタリングし、その [性能 / 可読性 / 保守性] を向上させる：#
[リファクタリングが必要なコードを貼り付ける]
重点的に改善する点：
- [改善点 1]
- [改善点 2]
ただし、元の機能は変えない
4. デバッグ支援テンプレート以下のコードに [エラーの説明] の問題が発生：#
[問題のあるコードを貼り付ける]
エラーメッセージ：[エラーメッセージを貼り付ける]
私が試したこと：[あなたが試した解決策]
問題を見つけて修正してください
5. 機能拡張テンプレート既存のコードに基づいて：#
[既存のコードを貼り付ける]
[新機能の説明] 機能を追加する必要があり、既存のコードスタイルと一致させる
よくあるエラーと回避方法#
| エラータイプ | 例 | 改善方法 |
|---|---|---|
| あまりにも広範囲 | きれいな UI を作成し、Material UI を使用してデータテーブルを作成し、ソートとページングをサポートする | 具体的な要求を明確にし、必要な機能と設計の詳細を列挙する |
| 暗黙の仮定 | ログイン問題を修正する "ログインフォーム送信後に発生する 401 エラーを修正、詳細なエラーログ：..." | 問題の背景を詳細に説明し、必要なコンテキスト情報を提供する |
| 用語の混乱 | レスポンシブなプログラムを作成し、モバイルとデスクトップの両方で良好に表示される React コンポーネントを作成する | 明確な用語を使用し、すべての関係者が用語を一貫して理解できるようにする |