効率的なプロンプト技術のまとめ#
私は、効率的なプロンプト技術を 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 コンポーネントを作成 | 明確な用語を使用し、すべての関係者が用語を一貫して理解できるようにする |