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
410
提案段階のVS CodeのチャットエージェントAPIを動かしてみた
NemotoMasaya
November 28, 2023
Tweet
Share
More Decks by NemotoMasaya
See All by NemotoMasaya
Go言語でWebSocketプロトコルを自作する
masa5555
1
130
Other Decks in Technology
See All in Technology
Rethinking Incident Response: Context-Aware AI in Practice
rrreeeyyy
1
390
伴走から自律へ: 形式知へと導くSREイネーブリングによる プロダクトチームの信頼性オーナーシップ向上 / SRE NEXT 2025
visional_engineering_and_design
3
230
LLM時代の検索
shibuiwilliam
2
640
データ基盤からデータベースまで?広がるユースケースのDatabricksについて教えるよ!
akuwano
3
160
OpenTelemetryセマンティック規約の恩恵とMackerel APMにおける活用例 / SRE NEXT 2025
mackerelio
3
1.6k
TLSから見るSREの未来
atpons
2
240
Zero Data Loss Autonomous Recovery Service サービス概要
oracle4engineer
PRO
2
7.8k
Copilot coding agentにベットしたいCTOが開発組織で取り組んだこと / GitHub Copilot coding agent in Team
tnir
0
150
Lakebaseを使ったAIエージェントを実装してみる
kameitomohiro
0
180
AI エージェントと考え直すデータ基盤
na0
18
7.3k
[SRE NEXT] ARR150億円_エンジニア140名_27チーム_17プロダクトから始めるSLO.pdf
satos
5
2.1k
【あのMCPって、どんな処理してるの?】 AWS CDKでの開発で便利なAWS MCP Servers特集
yoshimi0227
6
730
Featured
See All Featured
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
Done Done
chrislema
184
16k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3.1k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
281
13k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
Practical Orchestrator
shlominoach
189
11k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
48
2.9k
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.9k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.6k
Into the Great Unknown - MozCon
thekraken
40
1.9k
Building Adaptive Systems
keathley
43
2.7k
GraphQLとの向き合い方2022年版
quramy
49
14k
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/ 最後に