ちょっと便利な小物を作る※定型文挿入クローム拡張機能

chatGPTにプログラムを作ってもらいます。いろいろ試してみたけど、現在のAIは、まだまだ本格的なプログラムを作るのは、無理です。
正確かつ詳細な仕様書を作ってそれらを組み合わせて巨大なシステムを作ることになると思いますが、正確かつ詳細な仕様書書くなら、プログラムかいた方が速いってことです（笑）
今回は、次のような小物を作ってみようと、かつ、どの程度の仕様書ならリトライの回数少なくプログラムを書いてくれるかの実験の意味も含めてやってみようと思います。
この記事は、そのための仕様を書き残すためのものです。何かの参考になれば幸いです。

chatGPTに作業の内容を指示する。

仕様書の種

仕様書

1. 拡張機能の目的

2. 対応ブラウザ

3. 機能一覧

機能

1. CTRL+SHIFT+X で定型文選択画面を開く。
2. 定型文選択画面 に以下の要素を含める：
   
   • 定型文リスト
   • 閉じるボタン
3. 閉じるボタン を押すと選択画面を閉じ、機能を終了する。
4. 定型文をクリック すると、現在アクティブな テキストエリア、インプットエリア に定型文を挿入する。

4. 動作の流れ

1. CTRL+SHIFT+X を押すと、定型文選択画面を表示する。
2. 定型文リストから選択 すると、アクティブな入力フィールドに定型文が挿入される。
3. 閉じるボタン を押すと、選択画面を閉じて機能を終了する。

5. UI（ユーザーインターフェース）

• CTRL+SHIFT+X で定型文選択画面を開く。
• 閉じるボタン を押すと選択画面を閉じる。
• 定型文をクリック すると、アクティブな入力フィールドに張り付けられる。

6. データの保存方法

• 定型文はスクリプト内部に固定で配置する。
• 初期の定型文一覧：
  
  • はじめまして
  • こんにちわ
  • 続けて

7. 注意事項

1. とにかくシンプルな構造にすること。
2. 処理モジュールの取り込みでロード終了の確認をハンドシェイクで行う方法は禁止。
3. アイコンは、以下を使ってください、
   "default_icon": {
   "16": "icon.png",
   "48": "icon_48x48.png",
   "128": "icon_128x128.png"
   }

ちょっと便利な小物を作る※定型文挿入クローム拡張機能 まとめ

使い方