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
370
提案段階のVS CodeのチャットエージェントAPIを動かしてみた
NemotoMasaya
November 28, 2023
Tweet
Share
More Decks by NemotoMasaya
See All by NemotoMasaya
Go言語でWebSocketプロトコルを自作する
masa5555
1
110
Other Decks in Technology
See All in Technology
Kubernetes x k6 で負荷試験基盤を開発して 負荷試験を民主化した話 / Kubernetes x k6
sansan_randd
2
730
君はPostScriptなウィンドウシステム 「NeWS」をご存知か?/sunnews
koyhoge
0
720
『AWS Distinguished Engineerに学ぶ リトライの技術』 #ARC403/Marc Brooker on Try again: The tools and techniques behind resilient systems
quiver
0
130
SCSAから学ぶセキュリティ管理
masakamayama
0
140
AndroidXR 開発ツールごとの できることできないこと
donabe3
0
110
APIファーストで実現する運用性の高い IoT プラットフォーム: SORACOMのアプローチ
soracom
PRO
0
240
『衛星データ利用の方々にとって近いようで触れる機会のなさそうな小話 ~ 衛星搭載ソフトウェアと衛星運用ソフトウェア (実物) を動かしながらわいわいする編 ~』 @日本衛星データコミニティ勉強会
meltingrabbit
0
120
技術的負債解消の取り組みと専門チームのお話 #技術的負債_Findy
bengo4com
1
1.2k
滅・サービスクラス🔥 / Destruction Service Class
sinsoku
6
1.5k
室長と気ままに学ぶマイクロソフトのビジネスアプリケーションとビジネスプロセス
ryoheig0405
0
320
第13回 Data-Centric AI勉強会, 画像認識におけるData-centric AI
ksaito_osx
0
360
Building Products in the LLM Era
ymatsuwitter
10
4.4k
Featured
See All Featured
KATA
mclloyd
29
14k
The Cost Of JavaScript in 2023
addyosmani
47
7.3k
A Tale of Four Properties
chriscoyier
158
23k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
120k
Gamification - CAS2011
davidbonilla
80
5.1k
Rebuilding a faster, lazier Slack
samanthasiow
79
8.8k
Adopting Sorbet at Scale
ufuk
74
9.2k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Build your cross-platform service in a week with App Engine
jlugia
229
18k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
366
25k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
330
21k
Java REST API Framework Comparison - PWX 2021
mraible
28
8.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/ 最後に