メインコンテンツへスキップ
開発・実装 初級 全ツール共通

機能実装リクエストプロンプト

新機能の実装を依頼する際の構造化プロンプト。要件の抜け漏れを防ぐ。

プロンプト

以下の機能を実装してください。

## 機能概要
- 機能名: [機能名]
- 目的: [この機能で何を実現するか]
- ユーザーストーリー: [誰が][何を][なぜ] したい

## 詳細仕様
### 入力
- [入力データ・ユーザー操作の詳細]

### 処理
- [処理ロジックの詳細]

### 出力
- [期待される出力・表示結果]

## UI/UX 要件
- [画面上の配置、インタラクション]

## エッジケース
- [考慮すべき例外パターン]

## 非機能要件
- パフォーマンス: [応答時間等]
- アクセシビリティ: [ARIA属性、キーボード操作]

## 実装の制約
- 既存コードへの影響を最小限にすること
- 型安全性を保つこと(any 型禁止)
- テスト可能な設計にすること
#実装 #機能追加

使い方

機能追加のたびにこのテンプレートを使うことで、AIに過不足なく要件を伝えられます。

なぜ構造化が重要か

曖昧なプロンプト(「〇〇機能を追加して」)は、AIが勝手に仕様を補完するため、意図と異なる実装になりがちです。このテンプレートで 入力→処理→出力 を明確に定義することで、一発で意図通りの実装が得られます。

記入例

- 機能名: ダークモード切り替えボタン
- 目的: ユーザーが好みの表示モードで閲覧できる
- ユーザーストーリー: ユーザーが夜間に画面を暗くしたい
- 入力: ボタンのクリック
- 処理: localStorage にテーマを保存、HTML要素のクラスを切り替え
- 出力: 画面全体のカラーテーマが変わる