VSCode: ショートカットキーのみでAIに指示を送る方法

VSCodeで、AIに送る指示をテンプレートにしてショートカットに設定する方法を紹介します。この方法を活用すると、文章やコードを選択してショートカットキーを押すだけで…

AIに英訳を生成させられる
メソッド単位のリファクタリングを行わる
簡単なコードレビューを依頼できる

といったことが可能になります。最近は、プロンプトのmarkdownファイルを所定の場所に設置し、Chatからコマンドで呼び出す方式が一般的だと思いますが、ここで紹介するのはそれよりもさらにお手軽な使い方ができる方法となります。

この後の説明では

ショートカットキーのみでAIへ英訳の指示を出す設定

を例として設定方法を紹介していきます。また、AIは Github copilot を使います。

設定方法

具体的な設定方法としては

chat - Default keyboard shortcuts reference
https://code.visualstudio.com/docs/reference/default-keybindings#_chat

で紹介されている VSCode 標準のキーボードショートカットを使います。今回は

Open editor inline chat: ⌘I inlineChat.start

のショートカットをカスタマイズすることで、ショートカットキー一発でAIへ英訳の指示を出す設定を作成してみます。

まず、VSCodeのメニューの「 Preferences -> Keyboard Shortcuts 」を開きます。次に、設定しやすさのためにVSCodeの右上に表示されているファイルのアイコン「 Open Keyboard Shortcuts (JSON) 」を開きます。

すると、jsonを編集する画面になるので、以下の設定を追加します。

...
    {
        // Copilotへ翻訳依頼を出す
        "key": "ctrl+cmd+t",
        "command": "inlineChat.start",
        "args": {
            "message": "#selection の文章に関して英文へ翻訳してください。その後、元の選択されている文章は削除せず、その次の行に結果を挿入してください。",
            "autoSend": true
        }
    }

この "command": "inlineChat.start" で指定しているのが先ほどの Default keyboard shortcuts のリファレンスで表示されていた「Open editor inline chat」を実行するためのCommand Idです。 argsで指定してるパラメタは、公式で案内されてる場所はわからなかったのですが、以下のIssueから当たりをつけて設定しました。

workbench.action.chat.submit Doesn’t work after inlineChat.start · Issue #230364 · microsoft/vscode
https://github.com/microsoft/vscode/issues/230364

一応意味を説明しておくと

message: AIに送信する指示のテンプレート
- #selection は選択されている文章をコンテキストとしてAIに伝える変数
autoSend: trueにすると、チャットウィンドウが開いた後に自動で送信される

となります。

使ってみる

では、設定できたので適当にファイルを開いて日本語の文章を選択し、先ほど設定したショートカット ctrl+cmd+t を実行してみてください。インラインチャットが立ち上がり、設定した指示が自動で送信され、英訳された結果が表示されたでしょうか？

こんな感じです。この方法を使うと、翻訳に限らず様々な指示をショートカットキーから簡単にAIに送信できるようになります。アイデア次第で、プロンプトファイルを用意するよりも手軽に狭いコンテキストに対して指示を投げやすくなるので、用途に応じてカスタマイズすると便利そうでした。

まとめ

今回は、VSCodeのDefault Keybindingsを活用して、ショートカットキーからAIに指示を送る方法を紹介しました。この方法を使うことで、文章の翻訳やコードのリファクタリングなど、様々なタスクを効率的に行うことができます。ぜひ試してみてください。

This time, I’ve introduced a method to send instructions to AI using shortcut keys by leveraging VSCode’s Default Keybindings. By using this method, you can efficiently perform various tasks such as translating text or refactoring code. Please give it a try. by Grok Code Fast 1 （作ったショートカットで英訳してみました!）

xshoji's blog

VSCode: ショートカットキーのみでAIに指示を送る方法

目次

設定方法

使ってみる

まとめ