VSCodeを使い始めたけれど、GitHub Copilotの効率的な開き方やショートカットが分からなくて困っていませんか。画面のどこを押せばチャットパネルが立ち上がるのか、あるいは導入したはずなのにアイコンが非表示で見当たらないなど、初期段階では様々な疑問やトラブルが発生しがちですよね。
せっかく導入した最新のAIアシスタントも、スムーズに画面を呼び出せなければ日々のコーディングで十分に活用できません。起動操作だけでなく、初期設定の手順や無料プランの仕様、画面が開かない時の具体的なトラブルシューティングを知っておくことで、作業効率は劇的に向上します。
この記事では、VSCode上でCopilotを呼び出すための基本的な操作手順から、キーボードを使ったショートカット、画面が表示されないトラブルの解消法までを詳しくまとめています。この記事を読むことで、迷うことなくスムーズにCopilotを使いこなせるようになりますので、ぜひ参考にしてみてくださいね。
- Copilotの基本インターフェースと状況に応じた各種開き方
- WindowsやmacOSで素早く起動できるショートカットキー
- アイコンが非表示になったりチャットが出てこない時の復元手順
- 応答が停止した際や補完が出ないトラブル時の診断と対処法
VSCodeにおけるCopilotの基本的な開き方と画面操作
VSCode上でGitHub Copilotを活用するには、作業内容や対話の深さに合わせて最適な起動インターフェースを選択することが重要かなと思います。サイドバーのチャット機能からコード上に直接指示を出すインライン形式まで、複数の呼び出し方が用意されています。それぞれの特徴と操作体系について詳しく解説していきますね。
導入に必要な始め方と無料プランの確認
Copilotを利用し始めるにあたっては、前提条件となるライセンス要件とアカウント連携をしっかり理解しておく必要があります。GitHubアカウントを保有していれば、クレジットカードの登録なしで即座に開始できるCopilot Freeプランが利用可能になりました(出典:GitHub公式ブログ『Announcing 150M developers and a new free tier for GitHub Copilot in VS Code』)。この無料プランでは、月間2,000回のコード補完と月間50回のチャット機能が提供されており、個人開発や学習用途には十分な検証が行える内容となっています。
無料枠の上限に達した場合や、より高度な大規模言語モデル(GPT-4oやClaude 3.5 Sonnetなど)の選択、無制限の利用を希望する場合は、有料プランへの切り替えを検討するのがおすすめです。個人向けのCopilot Individual(月額課金制)や、組織管理機能や高いセキュリティが付与されたCopilot Business / Enterpriseプランが用意されています。自身の利用規模や目的に合わせて最適なプランを選択することが大切ですね。
各プランの機能比較と選び方
| プラン名 | 月額料金 | コード補完上限 | チャット機能上限 | モデル選択機能 |
|---|---|---|---|---|
| Copilot Free | 無料 | 2,000回 / 月 | 50回 / 月 | 制限あり(標準モデル) |
| Copilot Individual | $10 / 月 | 無制限 | 無制限 | 利用可能(GPT-4o, Claude等) |
| Copilot Business | $19 / ユーザー / 月 | 無制限 | 無制限 | 利用可能(組織ポリシー管理付き) |
| Copilot Enterprise | $39 / ユーザー / 月 | 無制限 | 無制限 | 利用可能(ナレッジベース連携対応) |
個人で少し試してみたいという場合は、まず無料のFreeプランからスタートして、日常的なコーディングの相棒として手放せなくなってきたタイミングでIndividualプランへ移行するのが一番無駄のない流れかなと思います。
補足: 学生や教員、あるいは特定の成果を上げているオープンソースプロジェクトのメンテナーであれば、GitHub Student Developer Packやパートナーシッププログラムを通じて無償で無制限利用(Individual相当)が適用される場合もあります。該当する方はぜひ申請してみると良いかもしれません。
設定から拡張機能を有効化する手順
VSCodeでCopilotを開くための最初のステップとして、公式拡張機能のインストールとGitHubアカウントのOAuth認証プロトコルを完了させる必要があります。手順は非常にシンプルで、特別な設定ファイル(settings.jsonなど)を直接編集するような難しい作業は一切ありません。
まず、VSCodeの左側サイドバーにある拡張機能ビュー(アクティビティバーの四角いアイコン、またはショートカットキー Ctrl + Shift + X / Cmd + Shift + X)を開きます。検索窓に「GitHub Copilot」と入力すると、関連する拡張機能がいくつか検索結果に表示されるはずです。
インストール手順の詳細フロー
- 公式拡張機能の選択: 発行元が「GitHub」となっている「GitHub Copilot」を探します。
- 拡張機能のインストール: 「Install」ボタンをクリックしてインストールを開始します。
- Copilot Chatの同時準備: 現在のVSCodeでは、GitHub Copilotをインストールすると対話型AIである「GitHub Copilot Chat」も自動的に一緒にセットアップされる仕組みになっています。
- GitHubアカウントでのサインイン: インストール完了後、画面左下の gears(設定)アイコン付近や、ポップアップで「Sign in to GitHub」という通知が表示されます。
- OAuth認証の完了: 表示されるダイアログに従って「Allow」を選択するとブラウザが立ち上がりますので、Copilotライセンスを保持している(またはFreeプランを有効化した)GitHubアカウントでログインし、アクセス許可を認可(Authorize)してください。
認証が正常に成功すると、VSCodeの右下ステータスバーに小さく「Copilot」のアイコン(ロボットのようなマーク)が現れます。このアイコンがアクティブな状態を示していれば、すべての初期セットアップが完了し、いつでもAIを呼び出せる準備が整ったことになります。
チャット画面を呼び出すショートカットキー
開発中にキーボードから手を離さずにホームポジションを維持したままCopilot Chatパネルを開くには、キーボードショートカットの活用が不可欠になります。マウス操作に依存せず瞬時にサイドバーやポップアップ窓を呼び出すことで、思考の流れを中断することなくAIとのスピーディーな対話を開始できますよ。
VSCode上のCopilotには、大きく分けて「サイドバーのチャットパネル」「コード上のインラインチャット」「フローティング形式のクイックチャット」という3つのチャット画面が存在します。それぞれの用途に応じて割り当てられているショートカットキーを覚えておくと、作業効率が圧倒的に向上します。
| 起動インターフェース | Windows / Linux | macOS | おすすめの利用シーン |
|---|---|---|---|
| Copilot Chat パネル | Ctrl + Alt + I | Ctrl + Cmd + I | 設計相談、長文ログの解析、継続的なQ&A |
| インラインチャット | Ctrl + I | Cmd + I | 選択範囲のコード書き換え、リファクタリング、バグ修正 |
| クイックチャット | Ctrl + Shift + Alt + L | Cmd + Shift + Option + L | 単発の簡単な質問、一時的なコード検索 |
上記のショートカットを入力すると、即座に対応する入力フィールドが画面上に出現します。特にサイドバーに開くChatパネルは、ファイル全体の文脈やプロジェクトの構造を理解した上での全体的な設計アドバイスや、複雑なエラーログの読み解きに大変役立ちます。
キーバインドが効かない場合の確認
もし上記のショートカットを押してもチャットが開かない場合は、他の拡張機能(キーマップ変更系プラグインなど)とキー定義がバッティングしている可能性があります。その場合は「Ctrl + K Ctrl + S(Macは Cmd + K Cmd + S)」を押してキーボードショートカット設定画面を開き、検索窓に「copilot chat」と入力してカスタマイズ状況を確認してみるのが良いかなと思います。
サイドバーやインラインチャットの起動方法
キーボード操作だけでなく、GUI(画面上のボタン)操作を中心に行いたい場面もありますよね。VSCodeでは、視覚的にも直感的にCopilotの各種機能を立ち上げられるUIが各所に配置されています。
サイドバーチャットの表示ボタン
画面左側の「アクティビティバー」内に、吹き出しに星がついたようなCopilot Chatアイコンが追加されているはずです。このアイコンを1回クリックするだけで、左側に専用の対話パネル(サイドバー)がスムーズに展開されます。もしアクティビティバーを非表示にしている場合でも、画面右上(タイトルバー付近)に配置されている小さなChatアイコンをクリックすれば、セカンダリサイドバー側でパネルを開くことが可能です。
エディタ上で直接呼び出すインラインチャット
一方で、エディタで開いている現在作業中のファイルに対して直接修正を行わせたい時に威力を発揮するのがインラインチャットです。サイドバーまで視線を動かさずに、コードの真横でやり取りできるのが最大のメリットですね。
- コード選択からの起動: リファクタリングしたいコードブロックをドラッグしてハイライト表示します。
- 右クリックメニュー: 選択範囲の上で右クリックし、コンテキストメニューから「Copilot」>「Start Inline Chat」を選択します。
- ショートカット起動: または、範囲選択後に「Ctrl + I / Cmd + I」を押すだけでもOKです。
インラインチャットを起動すると、該当行のすぐ真下に浮き上がるようなプロンプト入力欄が挿入されます。そこに「この関数を非同期(async/await)処理に書き換えて」「関数のJSDocコメントを生成して」といった指示を入力すると、AIが作成した修正案が緑と赤のコード差分(Diff表示)で提示されます。変更内容を目で確認しながら「Accept(採用)」または「Discard(破棄)」を選択できるため、安全かつ直感的にコードを改善できますよ。
クイックチャットを瞬時に開くコツ
「サイドバーを常時固定して開いておくと作業エリア(エディタ画面)が狭くなって邪魔だな…」「でも、ちょっとした関数の使い方だけ1回質問したい!」という場面、結構ありますよね。そんな時に重宝するのがクイックチャット(Quick Chat)という機能です。
クイックチャットは、画面中央上部に検索窓のようにふんわりとフローティング形式でオーバーレイ表示される入力用ウィンドウです。サイドバーのレイアウトを崩すことなく、画面の真ん中でサクサクと質疑応答を行えるのが特徴となっています。
クイックチャットの呼び出し手順と活用テクニック
- ショートカットで呼び出す: 「Ctrl + Shift + Alt + L」(Mac: Cmd + Shift + Option + L)を押します。
- コマンドパレットから呼び出す: F1キー(または Ctrl + Shift + P / Cmd + Shift + P)を押してコマンドパレットを開き、「Chat: Open Quick Chat」と入力してエンターを押します。
画面中央上にポップアップが表示されたら、そのまま「Pythonで現在時刻をISOフォーマットで取得する方法は?」といった質問を入力して送信します。回答がテキスト表示されたら、必要なコードをコピーしてエディタに貼り付けるだけで完了です。
回答を確認し終わった後は、キーボードの「Esc」キーを1〜2回ポンと押すだけで、クイックチャットがスッと消えて元通りの広いエディタ画面に戻ります。この「開いて、聞いて、Escで閉じる」という一連のテンポの良い操作感をマスターすると、開発リズムを全く崩さずに知りたい情報を手に入れられるようになりますよ。
エージェントモードなどの高度な起動手順
単一のファイル内でのコード補完や簡単な質問対応を超えて、プロジェクト全体の複数ファイルにまたがるコード修正や新しい機能の自動実装を行わせたい場合には、最先端のAgent Mode(自律型エージェント機能)を活用するのがおすすめです。
Agent Modeは、AIが単に回答を出力するだけでなく、タスクを達成するために必要な「ファイルの探索」「修正箇所の自動編集」「ターミナルでのテストコマンドやビルドの実行」などを自律的なループ処理で繰り返し行なってくれる機能です。
エージェントモードの具体的な起動方法
- チャットパネルからの切り替え: サイドバーのCopilot Chatパネルを開き、入力欄の下部または上部にある「モード選択ドロップダウン」をクリックして「Agent」を選択します。
- プロンプトでの明示指定: プロンプト欄に「@workspace」と入力してから指示を書くことで、ワークスペース全体を参照範囲としたエージェント的な動作を行わせることも可能です。
- コマンドパレットからの実行: コマンドパレット(F1キー)を呼び出し、「Chat: Open Agent」などの専用コマンドを呼び出して起動します。
Agent Modeを起動した状態で、「プロジェクトにログイン認証用の新しいAPIエンドポイントとユーザーモデルを追加して」といった大きな指示を投入すると、AIが「まずルーティングファイルを確認します」「次にDBスキーマを変更します」といった形で次々と必要なファイルを特定・修正してくれます。提案されたコマンド実行やファイル書き換えに対して承認(Approve)ボタンを押していくだけで複雑な開発が進んでいくので、まるで優秀なアシスタントエンジニアと一緒にペアプログラミングをしているような体験が得られますね。
VSCodeでCopilotの開き方に困った時の対処法
「ショートカットを押しているのに画面が開かない…」「今まで出ていた画面上のUIアイコンが急に消えてしまった…」といったトラブルに遭遇すると焦ってしまいますよね。ここからは、Copilotの開き方に困った際の原因と、具体的な解決手順について分かりやすく解説していきます。
アイコンが非表示で表示されない場合の対処
アクティビティバーやステータスバーに常駐していたはずのCopilotアイコンが消失してしまった場合、拡張機能が停止しているか、VSCodeの表示設定で非表示に隠れてしまっている可能性が高いかなと思います。
確認ポイント: ステータスバーやタイトルバーの空白領域を右クリックし、「Copilot Status」や「コマンドセンター」のチェック項目が外れていないかをまず確認してみましょう。
もしUI配置を色々触っているうちに設定が乱れてしまって元に戻せない時は、手動でひとつずつ探すよりも、VSCodeの表示レイアウトを一括リセットしてしまうのが一番早くて確実です。
表示配置を初期状態に戻すリセット手順
- キーボードの「F1」キーを押すか、「Ctrl + Shift + P」(Macは Cmd + Shift + P)を押してコマンドパレットを開きます。
- 入力窓に「Reset View Locations」と入力します。
- 候補に「View: Reset View Locations(ビューの場所をリセット)」が表示されたらエンターキーを押して実行します。
このコマンドを実行すると、カスタマイズによって非表示になってしまっていたサイドバーのパネルや、あちこちに移動していたアイコン類が初期のデフォルト配置へと瞬時に復元されます。アイコンが見当たらなくなった時はまずこのリセット操作を試してみてくださいね。
チャットが出てこない時の画面復元手順
ショートカットキー(Ctrl + Alt + I など)を押しているにもかかわらず、チャット入力画面が一切反応しない・ポップアップしてこない場合、他社製の拡張機能との「キーバインド(ショートカット)衝突」が原因になっているケースが多々あります。特にVimコマンド再現プラグインやEmacsキーマップ、他のAI補完ツールのキー設定と割り当てが重複してしまっている場合に起こりやすい問題ですね。
キーボードショートカットの競合チェックと割り当て直し
設定画面からキーバインドのバッティング状況を調べて、正しい割り当てに修正する手順は以下の通りです。
- 「Ctrl + K Ctrl + S」(Macは Cmd + K Cmd + S)を押して、「キーボード ショートカット」管理画面を開きます。
- 画面上部の検索窓に「
inlineChat.start」または「workbench.action.chat.open」と入力します。 - 検索結果に表示されたコマンドの「ショートカット」列を確認します。もし同じキー設定に複数のコマンドが割り当てられている(競合している)場合は、競合している不要な方のコマンドを右クリックして「キーバインドの削除」を選択します。
- 必要に応じて、Copilot Chatの起動ショートカットを自分が押しやすい任意のキー組み合わせに再設定(ダブルクリックしてキーを入力)します。
キーバインドの重複を解消してあげることで、ショートカットを押した瞬間に再びスムーズにチャット画面が呼び出せるようになりますよ。
コード補完が出ないトラブルの解消法
コードを記述している最中に、提案されるはずの薄い灰色文字(ゴーストテキスト)が表示されなくなってしまった場合は、VSCode本体のインライン提案設定が無効化されてしまっているか、言語ごとの補完設定がオフになっている可能性があります。
インライン提案機能の有効化設定
まずは設定画面(Ctrl + , / Cmd + ,)を開き、上部の検索窓に「editor.inlineSuggest.enabled」と入力してみてください。この設定項目のチェックボックスが外れていると、Copilotが裏で動いていても画面上に補完候補が表示されなくなってしまいます。必ずチェックを入れて「true」の状態にしておきましょう。
競合プラグインと言語別無効化の確認
また、TabnineやCodeium、Amazon Qといった他社のコード自動補完拡張機能を同時に複数有効化していると、補完プロセスの優先度制御でケンカしてしまい、結果的にゴーストテキストが出力されなくなるケースもあります。原因切り分けのために一時的に他社製補完プラグインを無効化してみるのも効果的です。
| 確認項目 | チェック内容と対処法 |
|---|---|
| ステータスバーアイコン | 右下のCopilotアイコンに斜線が入っていないか確認。クリックして「Enable for [言語名]」を選択。 |
| 設定(JSON)の確認 | settings.json 内で "github.copilot.enable": {"*": true} になっているか確認。 |
| ネットワーク環境 | プロキシ環境やVPN接続時に通信が遮断されていないか確認。 |
上記のように、特定の言語(.pyファイルだけ等)でうっかりCopilotを無効設定にしてしまっていないかも合わせて確認しておくと安心ですね。
ログインエラーで認証できない場合の解決策
「チャットを送信しようとすると認証エラーになる」「サインインを求めてくるダイアログが無限ループして表示される」という現象が発生した場合は、ローカル環境に保存されているOAuth認証トークンの賞味期限切れ(失効)や、システムの環境変数との競合が疑われます。
再認証のクリーンな実行ステップ
- サインアウトの実行: VSCode左下の「アカウント」アイコン(人型マーク)をクリックし、「GitHub (GitHub Copilot)」の項目を選択して一度「Sign Out(サインアウト)」を行います。
- VSCodeの完全再起動: 一度VSCodeのウィンドウをすべて閉じ、タスクマネージャー等でプロセスが残っていないことを確認してから再立ち上げします。
- 再サインイン: 再度アカウントアイコンから「Sign in with GitHub」を実行し、ブラウザ経由で認証をやり直します。
OS環境変数のチェック(開発者向け注意点)
上記を行っても改善しない場合、OS(Windows / macOS)の環境変数に「GITHUB_TOKEN」や「COPILOT_GITHUB_TOKEN」といった古い認証トークン情報が過去の開発作業などで残留していないかチェックしてみてください。環境変数側に値が存在すると、VSCode上のサインイン情報よりも優先して読み込まれてしまい、認証ループの原因になることがあります。不要な古いトークン変数は削除しておきましょう。
また、通信プロセスだけをサクッとリセットしたい場合は、コマンドパレット(F1キー)を開いて「GitHub Copilot: Restart Language Server」というコマンドを実行するのも手軽で効果的な対処法ですので、ぜひ覚えておいてくださいね。
VSCodeでCopilotの開き方をマスターしよう
この記事では、VSCodeにおけるGitHub Copilotの基本的な開き方から、各種画面のショートカット操作、そして画面が開かない・動作しないといったトラブルが発生した際の復旧手順までを詳しく解説してきました。
サイドバーでのじっくり相談、コード上での素早いインラインチャット、フローティング表示のクイックチャット、そして自律的に作業を進めてくれるAgent Modeなど、それぞれの特徴と呼び出しコマンドを把握しておくことで、日常のコーディング速度は驚くほど向上します。
万が一画面が表示されなくなったり動作が重くなった際も、本記事で紹介したチェックリストやリセット手順を落ち着いて試していけば、すぐに快適なAIペアプログラミング環境を取り戻せるはずです。ぜひ各操作をマスターして、日々の開発作業をより楽しくスピーディーに進めていってくださいね!
