VSCodeの新機能「Copilot Edits」、GitHub Copilotが複数ファイルにわたるコード変更や生成に対応。「ダークモードとライトモードのテーマに対応して」など複雑な指示も可能に

今回は「VSCodeの新機能「Copilot Edits」、GitHub Copilotが複数ファイルにわたるコード変更や生成に対応。「ダークモードとライトモードのテーマに対応して」など複雑な指示も可能に」についてご紹介します。

関連ワード (利用、迅速、追加等) についても参考にしながら、ぜひ本記事について議論していってくださいね。

本記事は、Publickey様で掲載されている内容を参考にしておりますので、より詳しく内容を知りたい方は、ページ下の元記事リンクより参照ください。


マイクロソフトはVisual Studio Codeの2024年10月のアップデート版(version 1.95)を公開しました。

本バージョンでは、Copilot Chatセカンダリサイドバー、GitHubアカウントのマルチアカウント対応、Copilotコードレビューなどの新機能が追加されていますが、もっとも大きな新機能はCopilotがプロンプトの指示によって複数ファイルにわたるコードの変更や生成に対応する「Copilot Edits」でしょう。

Version 1.95 of @code is out now with Copilot Edits (in preview), docstrings with Pylance, multiple GitHub accounts support, and more!

Full release notes: https://t.co/195Y0YeUV6

Here are some of the highlights pic.twitter.com/cWihup3Vh5

— Visual Studio Code (@code) October 29, 2024

上司が部下に指示するようにCopilot Editに指示

Copilot Editsでは複数のファイルにまたがるようなコードの変更や生成にGitHub Copilotが対応してくれるため、これまでよりも複雑な指示、例えるならば、まるで上司が部下のプログラマに指示を出してコードの変更や作成を行わせるようなこともできるようになりました。

以下はCopilot Editsの動作を示したデモ動画からのキャプチャ画像です。

まず、「Add a contact page showing email,phone and address.」(メールと電話番号と住所が書かれたコンタクトページを追加せよ)と、Copilotに対して既存のコードに対する追加を命じます(画面下の赤線はPublickeyによる)。

すると、コンタクトページへのルーティングが追加されます。

Copilot Edits

コンタクトページのファイルも作られており、コードが追加されています。

Copilot Edits

今度はテーマのサポートを次のように指示します。「add css to style the site. add support for themes」(このサイトのスタイルを設定するCSSを追加。テーマをサポートせよ)。対象となるファイルも「Working set」で指定できます。

Copilot Edits

するとデフォルトのライトテーマとダークテーマのCSSファイルなどが追加され、テーマを切り替えるためのコードなども追加されました。

Copilot Edits

コードが追加変更されたところは上の画面のように色が変わっており、右下の「Accept」ボタンをクリックすることで承認され、コードの追加変更が確定します。

このようにCopilot Editsによって、GitHub Copilotは複数ファイルにまたがるコードの変更や追加が必要となるような複雑な指示にもVisual Studio Code上で対応できるようになります。

例えば、もっとたくさんのページがあるWebサイトのコードに対して、まとめて新規ページへのリンクを追加する、あるいは削除や変更するといった作業もプロンプトで簡単に処理させれば手作業よりもずっと簡単で迅速になるはずです。Copilot Editsを利用することで、さらなる開発生産性向上が期待できそうです。

COMMENTS


Recommended

TITLE
CATEGORY
DATE
「TemaSpirit」と「SmartHR」、システム連係で非財務情報を可視化–人的資本経営を支援
IT関連
2022-06-22 01:57
BMW iDrive 7のApple CarPlay セカンドスクリーン「ターンバイターンの経路案内」機能を実車で確認
IT関連
2021-03-13 09:05
アドビ、生成AI「Firefly」でクリエーティブツールを強化–「Illustrator」などに搭載
IT関連
2023-06-15 18:18
Google Cloudは2020年に約5880億円の損失
ネットサービス
2021-02-04 20:47
太陽生命、NTT ComらとAI搭載営業端末を開発
IT関連
2024-07-17 15:52
日本を代表する大手クラウド運用の裏側はどうなっている? 運用をクリエティブに改善する方法とは。Cloud Operator Days Tokyo 2022[PR]
PR
2022-07-13 20:31
巨大IT念頭「デジタル課税」 対象は100社程度の公算
IT関連
2021-06-09 01:07
逆のアプローチ、スプレッドシートにアプリを組み込もうとしている「Spreadsheet.com」
ソフトウェア
2021-07-25 06:11
AIのためのリアルなバーチャルトレーニング環境をフェイスブックとMatterportが共同開発
人工知能・AI
2021-07-11 21:28
ディズニーが伸縮して光るリアルな「ライトセーバー」を予告、2022年に開業予定の宇宙客船風ホテルで披露
ハードウェア
2021-05-11 15:31
Google、プレスリリースや製品写真などを学習させると、プロンプトで新たな画像や文章を生成してくれる。企業向けジェネレーティブAI機能を発表
Google
2023-03-16 09:04
東京都済生会中央病院、統合人事システムを採用–勤務状況の把握促進
IT関連
2023-08-02 20:18
グローバルのクラウドインフラ市場はAWS、マイクロソフト、Googleの寡占が強まり6割超に。2022年第1四半期、Synergy GropuとCanalysの調査結果
AWS
2022-05-16 22:30
排泄予測デバイス「DFree」法人版とIoTゲートウェイ「obniz BLEゲートウェイ」がタッグ、介護施設などに導入開始
ヘルステック
2021-07-31 22:05