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
330
提案段階のVS CodeのチャットエージェントAPIを動かしてみた
NemotoMasaya
November 28, 2023
Tweet
Share
Other Decks in Technology
See All in Technology
Datadogの便利な使い方 - 意外と知らない?CoScreenとCloudcraft
taijihagino
PRO
1
600
【Λ(らむだ)最近のアプデ情報 / RPALT20240904
lambda
0
160
歴史と背景から改めて振り返るVPC
shotashiratori
2
220
エンジニアリングマネージャーが紐解く、事業視点から組織文化まで、包括的アプローチの探求 / READYFOR
9ma3r
13
2.2k
トレタO/X アーキテクチャ移行記 Next.js App Router化への道のり / TORETA TECH UPDATE 1
okunokentaro
2
560
Datadog を使ったプロダクトとクラウドの セキュリティモニタリング
mrtc0
0
460
X-Correlation Injections (or How to break server-side contexts)
fransrosen
0
360
APIのドキュメント化何使ってますか?
miu_crescent
2
160
React Aria で実現する次世代のアクセシビリティ
ryo_manba
3
320
分野に潜むツールの紹介
pojiro
1
330
音声AIエージェントの世界とRetell AI入門 / Introduction to the World of Voice AI Agents and Retell AI
rkaga
3
480
Oracle Database Backup Service:サービス概要のご紹介
oracle4engineer
PRO
0
4k
Featured
See All Featured
Design by the Numbers
sachag
277
19k
Keith and Marios Guide to Fast Websites
keithpitt
408
22k
GitHub's CSS Performance
jonrohan
1029
450k
Building Better People: How to give real-time feedback that sticks.
wjessup
359
18k
Debugging Ruby Performance
tmm1
72
12k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
22
1.7k
Automating Front-end Workflow
addyosmani
1365
200k
KATA
mclloyd
27
13k
How to Ace a Technical Interview
jacobian
275
23k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
230
17k
Building Applications with DynamoDB
mza
89
5.9k
What's in a price? How to price your products and services
michaelherold
241
11k
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/ 最後に