ChatGPTで作る！あなたのブラウジングを快適にするChrome拡張機能開発ガイド
詳細情報
VRChat「個人開発集会」で話題沸騰！
NekoDOSさんのChatGPT活用術とは？
2024年7月4日、VRChatで開催された「個人開発集会」で、NekoDOSさんが「ChatGPTで作るChrome拡張機能 ～」というテーマで発表を行い、多くの参加者を魅了しました！
今回は、NekoDOSさんの発表内容をもとに、ChatGPTを使ってChrome拡張機能を作る方法を、ポップにわかりやすく解説しちゃいます！
文字起こしの精度がイマイチな部分も、スライドを参考にしながらバッチリ補足していくのでご安心を！
NekoDOSさんってどんな人？
まずは、発表者であるNekoDOSさんのプロフィールからチェック！
多彩なスキルを持つエンジニア！
NekoDOSさんは、C++、C#、Pythonなど、様々なプログラミング言語を使いこなす凄腕エンジニア。
さらに、VRやゲーム開発、そして今回のテーマであるWeb技術にも精通している、まさにマルチな才能の持ち主なんです！
個人開発で磨き上げた実力！
普段は個人でアプリやゲームの開発にいそしんでいるNekoDOSさん。
今回の発表は、そんな日々の開発経験から得られた、ChatGPTの活用ノウハウが詰まった貴重な内容となりました。
ChatGPTでChrome拡張機能が作れるの？
「プログラミングの知識がないと、Chrome拡張機能なんて作れないんじゃ…？」なんて思っていませんか？
実は、ChatGPTがあれば、そんな心配はご無用！
コーディングの強い味方、ChatGPT！
ChatGPTは、あなたの作りたい機能を自然言語で伝えるだけで、なんとコードを生成してくれるんです！
つまり、あなたが「こんな機能があったらいいな～」というアイデアさえあれば、ChatGPTがそれを形にしてくれるというわけ。
アイデア次第で可能性は無限大！
例えば、「Webページ上の特定の文字を自動でハイライトする機能」や、「見ているサイトの背景色を自分の好きな色に変更する機能」など、アイデア次第で様々なChrome拡張機能が作れちゃいます！
実際に作ってみよう！
ChatGPTでChrome拡張機能開発の流れ
さあ、ここからは実際にChrome拡張機能を作る手順を見ていきましょう！
1. ChatGPTに「やりたいこと」を伝えよう！
まずは、あなたがどんなChrome拡張機能を作りたいのか、ChatGPTに具体的に伝えましょう。
「〇〇ができる機能がほしい！」といったざっくりとした要望でもOKです。
2. ChatGPTがコードを生成！
あなたの要望を理解したChatGPTは、必要なコードを自動で生成してくれます。
3. 生成されたコードを調整！
ChatGPTが生成したコードをそのまま使うこともできますが、必要に応じて微調整を加えると、より思い通りの機能を実現できます。
4. Chromeに読み込ませて、完成！
最後に、生成・調整したコードをChromeに読み込ませれば、あなただけのオリジナルChrome拡張機能の完成です！
ChatGPTを使うときのコツ＆注意点！
具体的に伝えるほど、精度の高いコードが生成される！
ChatGPTは、具体的な指示を与えるほど、より精度の高いコードを生成してくれます。
「こんな機能がほしい」というざっくりとした要望だけでなく、「このサイトで、このボタンを押したら、こういう動作をする」といったように、細かい部分まで指定するとGOOD！
出力コードに間違いがないか確認する
出力コードに間違いがないか確認する姿勢が重要です。
ChatGPTが出力するコードには誤りが含まれる場合があります。
ChatGPTは便利なツールですが、万能ではありません。
生成されたコードを鵜呑みにせず、必ず自分の目で確認し、必要に応じて修正することが大切です。
まとめ
今回のNekoDOSさんの発表では、ChatGPTを使ってChrome拡張機能を作る方法について解説しました。
ChatGPTを活用すれば、プログラミングの知識がなくても、アイデア次第で様々なChrome拡張機能を作ることができます。
あなたもChatGPTを使って、自分だけの便利なChrome拡張機能を作ってみませんか？
個人開発集会の他の発表もチェック！
個人開発集会の開催情報・参加方法
個人開発集会
開催日: 2024年07月04日
開催時間: 21:00 - 22:00
開催曜日: 木曜日開催周期: 隔週(グループA)
個人開発にまつわる話でワイワイする集会です。 個人開発をやっている方も初めてみたい方も大歓迎！ 企画・技術・マーケティング・保守・運用など 技術的なことに限らない幅広い分野を想定しています。 個人開発に興味がある方はぜひ遊びに来てください！