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
420
提案段階のVS CodeのチャットエージェントAPIを動かしてみた
NemotoMasaya
November 28, 2023
Tweet
Share
More Decks by NemotoMasaya
See All by NemotoMasaya
Go言語でWebSocketプロトコルを自作する
masa5555
1
150
Other Decks in Technology
See All in Technology
技育祭2025【秋】 企業ピッチ/登壇資料(高橋 悟生)
hacobu
PRO
0
110
衛星画像超解像化によって実現する2D, 3D空間情報の即時生成と“AI as a Service”/ Real-time generation spatial data enabled_by satellite image super-resolution
lehupa
0
170
そのWAFのブロック、どう活かす? サービスを守るための実践的多層防御と思考法 / WAF blocks defense decision
kaminashi
0
200
OAuthからOIDCへ ― 認可の仕組みが認証に拡張されるまで
yamatai1212
0
130
Data Hubグループ 紹介資料
sansan33
PRO
0
2.2k
Geospatialの世界最前線を探る [2025年版]
dayjournal
1
230
BI ツールはもういらない?Amazon RedShift & MCP Server で試みる新しいデータ分析アプローチ
cdataj
0
180
AIツールでどこまでデザインを忠実に実装できるのか
oikon48
6
3.5k
Introdução a Service Mesh usando o Istio
aeciopires
0
190
Oracle Base Database Service 技術詳細
oracle4engineer
PRO
12
80k
RDS の負荷が高い場合に AWS で取りうる具体策 N 連発/a-series-of-specific-countermeasures-available-on-aws-when-rds-is-under-high-load
emiki
5
3.7k
Simplifying Cloud Native app testing across environments with Dapr and Microcks
salaboy
0
180
Featured
See All Featured
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
285
14k
The Cost Of JavaScript in 2023
addyosmani
55
9k
Scaling GitHub
holman
463
140k
[RailsConf 2023] Rails as a piece of cake
palkan
57
5.9k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Typedesign – Prime Four
hannesfritz
42
2.8k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.2k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
10
600
Agile that works and the tools we love
rasmusluckow
331
21k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.7k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
620
Code Reviewing Like a Champion
maltzj
526
40k
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/ 最後に