Upgrade to Pro — share decks privately, control downloads, hide ads and more …

提案段階のVS CodeのチャットエージェントAPIを動かしてみた

NemotoMasaya
November 28, 2023

提案段階のVS CodeのチャットエージェントAPIを動かしてみた

NemotoMasaya

November 28, 2023
Tweet

Other Decks in Technology

Transcript

  1. 提案段階のVS Code チャット
    エージェントAPIを動かしてみた
    株式会社ハウテレビジョン 根本昌也

    View full-size slide

  2. ● 名前: 根本 昌也
    ● ハウテレビジョンに23卒新卒エンジニアとして入社
    ● やっていること
    ○ 外資就活のNext.js, Goへの書き換えプロジェクト
    ● twitter @_masa5555

    GitHub, Zenn, Qiitaも_以外同名ID
     自己紹介

    View full-size slide

  3.  会社紹介

    View full-size slide

  4. 1. VS Codeの10月のアップデート内容
    2. チャットエージェントAPIとは
    3. 実際に動かしてみた手順の紹介
     目次

    View full-size slide

  5. Copilot拡張機能のアップデートが追加され、さらに便利に!
    ● ストリーミングコード提案
    ● Commitメッセージの自動生成
    ● ターミナル連携
    ● チャットエージェント機能の追加 ←これについて
    1  10月のVS Codeのアップデート (ver1.84)

    View full-size slide

  6. ● GitHub Copilot Chat拡張機能で
    ○ @メンション
    ○ /スラッシュコマンド
    を使って指定でき、前もって設定されたタスクを実行する
    ● 現状、@workspace, @vscodeというエージェントが利用可能
    2  チャットエージェント機能とは

    View full-size slide

  7. ● 拡張機能のAPIとして提案中である
    ○ 近いうちに、OpenAIのGPTsのようなカスタマイズされ
    た便利な命令をVS Code上で使えるようになるかもしれな
    い?
    ● サンプルコードが公開されていたので、ローカルで動かせる
    2  チャットエージェント機能とは

    View full-size slide

  8. ● VSCode Insiderのインストール
    ○ 提案中のAPIを動かすために必要
    ● ライブラリのインストール
    ○ 拡張機能がnode.jsで動いてるので、npm install
    ● VS Code InsiderのRun Extensionを実行
    3  実際に動かしてみた手順の紹介

    View full-size slide

  9. ● サンプルでは、
    Catエージェントが
    CS用語について説明する
    teachコマンドが
    実装されていた
    3  実際に動かしてみた手順の紹介

    View full-size slide

  10. ● @catのteachコマンドの実装をみてみる
    ○ Copilotへのアクセスリクエスト
    ○ roleとプロンプトを設定
    ○ リクエストを投げる
    ● ChatGPT APIとほぼ同じように使える!
    3  実際に動かしてみた手順の紹介

    View full-size slide

  11. ● @catエージェントに独自のコマンドの作成
    ○ コードの説明が英語で返されるのに困っていた
    ○ 日本語でコードを説明してくれる
    /explain_japanese を作成してみる
    3  実際に動かしてみた手順の紹介

    View full-size slide

  12. ● やったこと
    ○ 新しいコマンドの条件分岐を追加
    ○ プロンプト作成
    ○ コマンドの登録
    3  実際に動かしてみた手順の紹介

    View full-size slide

  13. 実行結果
    3  実際に動かしてみた手順の紹介

    View full-size slide

  14. ● アップデートでCopilot Chat エージェントが追加された
    ● 拡張機能APIはまだ提案中で、近いうちに公開されるかも
    ● ChatGPT APIのような使い方で簡単にカスタマイズコマンド
    を作れるので便利
     まとめ

    View full-size slide

  15. ● VS Code October 2023 (version 1.84)
    ● Pursuit of "wicked smartness" in VS Code
     参考にした情報

    View full-size slide

  16. 組織拡大のため、ソフトウェアエンジニアを積極採用中です!
    Zenn publication: https://zenn.dev/p/howtelevision
    今回の発表内容はzennの記事としても投稿しています。
    はてなブログ: https://blog.howtelevision.co.jp/
     最後に

    View full-size slide