Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
提案段階のVS CodeのチャットエージェントAPIを動かしてみた
Search
NemotoMasaya
November 28, 2023
Technology
0
390
提案段階のVS CodeのチャットエージェントAPIを動かしてみた
NemotoMasaya
November 28, 2023
Tweet
Share
More Decks by NemotoMasaya
See All by NemotoMasaya
Go言語でWebSocketプロトコルを自作する
masa5555
1
120
Other Decks in Technology
See All in Technology
年末調整プロダクトの内部品質改善活動について
kaomi_wombat
0
200
問題解決に役立つ数理工学
recruitengineers
PRO
7
1.8k
KCD Brazil '25: Enabling Developers with Dapr & Backstage
salaboy
1
120
Dapr For Java Developers SouJava 25
salaboy
1
130
コンソールで学ぶ!AWS CodePipelineの機能とオプション
umekou
2
110
頻繁リリース × 高品質 = 無理ゲー? いや、できます!/20250306 Shoki Hyo
shift_evolve
0
150
AIエージェント完全に理解した
segavvy
4
260
Amazon Q Developer 他⽣成AIと⽐較してみた
takano0131
1
120
チームの性質によって変わる ADR との向き合い方と、生成 AI 時代のこれから / How to deal with ADR depends on the characteristics of the team
mh4gf
4
330
ペアプログラミングにQAが加わった!職能を超えたモブプログラミングの事例と学び
tonionagauzzi
1
140
Why Go?
xpmatteo
0
130
20250328_OpenAI製DeepResearchは既に一種のAGIだと思う話
doradora09
PRO
0
150
Featured
See All Featured
Facilitating Awesome Meetings
lara
53
6.3k
Thoughts on Productivity
jonyablonski
69
4.5k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
60k
Automating Front-end Workflow
addyosmani
1369
200k
Java REST API Framework Comparison - PWX 2021
mraible
29
8.5k
Fontdeck: Realign not Redesign
paulrobertlloyd
83
5.4k
Making Projects Easy
brettharned
116
6.1k
How GitHub (no longer) Works
holman
314
140k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Product Roadmaps are Hard
iamctodd
PRO
52
11k
What's in a price? How to price your products and services
michaelherold
245
12k
How STYLIGHT went responsive
nonsquared
99
5.4k
Transcript
提案段階のVS Code チャット エージェントAPIを動かしてみた 株式会社ハウテレビジョン 根本昌也
• 名前: 根本 昌也 • ハウテレビジョンに23卒新卒エンジニアとして入社 • やっていること ◦ 外資就活のNext.js,
Goへの書き換えプロジェクト • twitter @_masa5555 ◦ GitHub, Zenn, Qiitaも_以外同名ID 自己紹介
会社紹介
1. VS Codeの10月のアップデート内容 2. チャットエージェントAPIとは 3. 実際に動かしてみた手順の紹介 目次
Copilot拡張機能のアップデートが追加され、さらに便利に! • ストリーミングコード提案 • Commitメッセージの自動生成 • ターミナル連携 • チャットエージェント機能の追加 ←これについて 1
10月のVS Codeのアップデート (ver1.84)
• GitHub Copilot Chat拡張機能で ◦ @メンション ◦ /スラッシュコマンド を使って指定でき、前もって設定されたタスクを実行する •
現状、@workspace, @vscodeというエージェントが利用可能 2 チャットエージェント機能とは
• 拡張機能のAPIとして提案中である ◦ 近いうちに、OpenAIのGPTsのようなカスタマイズされ た便利な命令をVS Code上で使えるようになるかもしれな い? • サンプルコードが公開されていたので、ローカルで動かせる 2
チャットエージェント機能とは
• VSCode Insiderのインストール ◦ 提案中のAPIを動かすために必要 • ライブラリのインストール ◦ 拡張機能がnode.jsで動いてるので、npm install
• VS Code InsiderのRun Extensionを実行 3 実際に動かしてみた手順の紹介
• サンプルでは、 Catエージェントが CS用語について説明する teachコマンドが 実装されていた 3 実際に動かしてみた手順の紹介
• @catのteachコマンドの実装をみてみる ◦ Copilotへのアクセスリクエスト ◦ roleとプロンプトを設定 ◦ リクエストを投げる • ChatGPT
APIとほぼ同じように使える! 3 実際に動かしてみた手順の紹介
• @catエージェントに独自のコマンドの作成 ◦ コードの説明が英語で返されるのに困っていた ◦ 日本語でコードを説明してくれる /explain_japanese を作成してみる 3 実際に動かしてみた手順の紹介
• やったこと ◦ 新しいコマンドの条件分岐を追加 ◦ プロンプト作成 ◦ コマンドの登録 3 実際に動かしてみた手順の紹介
実行結果 3 実際に動かしてみた手順の紹介
• アップデートでCopilot Chat エージェントが追加された • 拡張機能APIはまだ提案中で、近いうちに公開されるかも • ChatGPT APIのような使い方で簡単にカスタマイズコマンド を作れるので便利
まとめ
• VS Code October 2023 (version 1.84) • Pursuit of
"wicked smartness" in VS Code 参考にした情報
組織拡大のため、ソフトウェアエンジニアを積極採用中です! Zenn publication: https://zenn.dev/p/howtelevision 今回の発表内容はzennの記事としても投稿しています。 はてなブログ: https://blog.howtelevision.co.jp/ 最後に