#004
生成AI活用で画像表示ツールを自作
ビジネス職でも安心！プログラミング知識ゼロからChrome拡張を開発！
#Chrome拡張機能#セキュリティ#画像ツール
実践プロセス（AIによる自動生成）
1.要件定義
OGP画像を表示するための機能要件と、ソースコードを自ら確認できるというセキュリティ要望を整理しました。
2.コード生成の依頼
生成AIに対し、Chrome拡張機能として動作するJavaScript等のコードを書くよう自然言語で指示しました。
プロンプト例
URLを入力するとそのページのOGP画像をプレビュー表示するChrome拡張機能のコードを書いてください。manifest.json、popup.html、popup.jsを含めてください3.ツールのビルド
AIが出力したコードをまとめ、Chrome拡張機能として動作可能な形式に整えました。
4.安全性の検証
作成されたツールをエンジニアがレビューし、セキュリティリスクがないことを確認してから業務利用を開始しました。