2024年2月5日 21:04更新：2024年2月8日 02:07

「Hey Code」でVS Codeの開発体験が変わる！話してコーディングをより便利に

Visual Studio Code (VS Code) に便利な機能が追加されました。

今回追加された「Hey Code」ボイスコマンドを使えば、音声でプログラミングのサポートを受けられるようになり、開発の効率が大幅に向上します。この記事では、「Hey Code」機能の魅力と、使い始めるための基本的な情報について解説します。

(window.powerTag.Init = window.powerTag.Init || []).push(function () { window.powerAPITag.display("pw_41759"); });

また、Hey Codeが実装されたv1.86のアップデートでは、標準入力の取り扱いに関する改善も加えられています。詳しくはこちらの記事で解説しています。

VS Codeで標準入力を受け取る方法

VS Codeでの標準入力の取り扱いが改善されました。新機能の詳細と使用方法について解説します。

「Hey Code」とは？

「Hey Code」とは、VS Codeで新たに導入されたボイスコマンド機能です。この機能を有効にすることで、声による指示でGitHub Copilot Chatとの音声セッションを開始できます。

音声認識はすべてローカルで処理され、サーバーに送信されることはありません。

「Hey Code」コマンドに続けてさまざまな指示をすることで、コーディングの補助を受けられます。

「Hey Code」を利用するための設定方法

「Hey Code」機能を使い始めるためには、いくつかの設定が必要です。

まずは、VS Codeに必要な拡張機能をインストールしましょう。「Hey Code」機能を使用するには、「 GitHub Copilot Chat 」と「 VS Code Speech 」の2つの拡張機能が必要です。

GitHub Copilot Chat

GitHub Copilot Chat拡張機能とは、GitHub Copilotの会話型AIアシスタンス機能をVS Codeで利用するためのものです。バグのトラブルシューティングや新機能の開発時など、どんな課題にも対応できるよう支援します。

VS Code Speech

VS Codeに話しかけるためには、VS Code Speech拡張機能が必要です。この拡張機能は、音声からテキストへの変換機能をVS Codeに追加します。すべての音声データは、インターネット接続なしにローカルで処理されます。

(window.powerTag.Init = window.powerTag.Init || []).push(function () { window.powerAPITag.display("pw_41759"); });

拡張機能のインストール

これらの拡張機能は、次の手順でインストールできます。

VS Codeを開く
サイドバーの拡張機能アイコンをクリックする
検索ボックスに「GitHub Copilot Chat」と入力し、検索結果から該当の拡張機能を見つける
［インストール］ボタンをクリックしてインストールする
同様に、検索ボックスに「VS Code Speech」と入力し、検索結果から拡張機能をインストールする

「Hey Code」機能を有効にする

拡張機能をインストールしたら、次は「Hey Code」機能を有効にします。

VS Codeの設定を開く（cmd + , もしくは ctrl + ,）
設定の検索ボックスにaccessibility.voice.keywordActivationと入力する
accessibility.voice.keywordActivationを見つけ、chatInView、quickChat、inlineChat、chatInContextの中から、好みに合わせて選択する

なお、それぞれのオプションの意味は次の通りです。

chatInView: Chatビューから音声チャットを開始
quickChat: Quick Chatコントロールからクイック音声チャットを開始
inlineChat: エディターのインラインチャットから音声チャットを開始
chatInContext: エディターにフォーカスがある場合はインラインチャットから、それ以外ではChatビューから音声チャットを開始

まとめ

「Hey Code」機能の導入により、VS Codeでの開発作業がこれまで以上に直感的でスムーズになります。GitHub Copilotとの統合により、コーディングの質と効率が大きく向上します。また、音声データのローカル処理によりプライバシーも保護されます。

(window.powerTag.Init = window.powerTag.Init || []).push(function () { window.powerAPITag.display("pw_41759"); });

ぜひ、「Hey Code」機能を使ってみてください。

参考

#解説 #Web開発 #Microsoft #VS Code

このサイトを支援する

Buy Me a CoffeeまたはGitHub Sponsorsで支援していただけると、サイトの運営やコンテンツ制作の励みになります。定期的な支援と一度限りの支援がありますので、お間違いのないようにお願いします。

ろぼいん

X Misskey GitHub Qiita

生まれた時から、母国語よりも先にJavaScriptを使っていました。ネットの海のどこにもいなくてどこにでもいます。

Webフロントエンドプログラマーで、テクノロジーに関する話題を追いかけています。動画編集やプログラミングが趣味で、たまにデザインなどもやっています。主にTypeScriptを使用したWebフロントエンド開発を専門とし、便利で実用的なブラウザー拡張機能を作成しています。また、個人ブログを通じて、IT関連のニュースやハウツー、技術的なプログラミング情報を発信しています。