Slide 1

Slide 1 text

1 私の好きな Copilotの 使い方 2024/05/31 PICO LAB 若色 譲二 2024/05/31 Shinjuku.rb #92

Slide 2

Slide 2 text

⚫ 技術分野のクチコミ交流サイト TechTipsを開発・運営しています。 ⚫ https://techtips.page/ ⚫ このサイトの開発でRuby on Rails を使っています。 ⚫ フロントエンドはHotwire 2 自己紹介

Slide 3

Slide 3 text

⚫ MicrosoftのAIアシスタント ⚫ 質問に対して、インターネットで最新の情報を参照して回答 ⚫ 中身(LLM)は、OpenAI社のGPT-4(性能はトップレベル) ⚫ 無料ユーザーでも利用回数に制限無し 無料で使い放題の高性能AIチャット 3 Copilotとは (2024年5月現在)

Slide 4

Slide 4 text

⚫ Google検索(キーワード検索) ⚫ キーワードが分からないと検索できない、良い情報が出てこない ⚫ 自分の知っているキーワード、つまり、既知のことの近くに強く、遠くに弱い ⚫Copilotに相談 ⚫ 文章で状況を説明できれば、むしろキーワードを教えてくれる ⚫ 思い浮かんでいなかったアイデアを提供してくれる キーワードやアイデアが浮かんでいないときにとても便利 4 Copilotを使うと便利なとき

Slide 5

Slide 5 text

具体的な状況 ⚫ 開発中のRailsアプリのスマホでの操作性を確認したい ⚫ これまではHTTPでポートフォワーディングして確認していた ⚫ 今回は、JSのnavigator.clipboard関連の機能のため、httpsでア クセスしないと確認できず ⚫ この用途に適したライブラリ名やコマンド名のようなキーワー ドを知らないため、Google検索が上手く行かない 5 例:スマホからローカルのRailsにhttpsでアクセスしたい $ rails server スマホから httpsアクセス

Slide 6

Slide 6 text

わずか1コマンドで目的を果たす方法を教えてくれた! 6 Copilot先生に相談してみた このコマンド 1発でOKと 教えてくれた 実現したい ことを 明確に質問

Slide 7

Slide 7 text

思い浮かんでいなかったアイデアを教えてくれた! 7 Copilot先生に広くアプローチを相談してみた キーワードも いろいろ 教えてくれた! 状況を説明し 手法を限定せ ずに質問 こうしたいのだけれど、上手く行っていないので、方法を教えて!

Slide 8

Slide 8 text

⚫ 無料で高性能なチャットAIが利用できるようになっている ⚫ AIに状況を文章で説明すると、問題解決のヒント(キーワード やアイデア)をもらえることがある 開発で困ったら、AIに相談するのもアリ! 8 まとめ なお、今回の事例とCopilotとのやり取りの全文は以下 でご紹介しています。 https://www.techtips.page/ja/topics/139