【速報】VS Code 1.142 に Canvas が来た！チャットの横でエージェントと同じ画面を触れる「Interactive Canvases」を整理してみた - Qiita

何が起きたの？

VS Code 1.142 で、「Canvases」という機能がプレビュー版として追加されました。チャットの横に画面が開き、人とエージェントが同じものを見て、いっしょに直せます。設定を ON にして、新しい Copilot のセッションで /create-canvas と入力すると、自分のプロジェクト向けの画面を作ってもらえます。

押さえておきたいポイント

• 有効化：設定 chat.canvases.enabled を ON にする（新しいセッションから反映）
• 画面の作り方：/create-canvas で日本語で説明するだけ
• 既存の Canvas を使うには、今は GitHub Copilot アプリでプラグインを入れてから VS Code へ
• 動く環境は、デスクトップ版・Copilot ハーネス・ローカルセッションのみ
• Claude / Codex / Web では、現時点では使えない

Canvas って何？

チャットは「やりたいことを伝える」のは得意です。でも、作業の「今の状態」を残すのは苦手です。たとえば、タスクの進み具合がチャットの記録に埋もれてしまいます。Canvas は、作業の状態を置いておく「画面」です。公式の例は、カードを動かせるカンバン（付箋ボードのような管理画面）です。人はカードを追加したり動かしたりできます。エージェントも同じボードを読んだり、更新したりできます。

なぜ大事なの？

エージェントが作った結果を見るだけの画面ではなく、人とエージェントの両方が操作できる点が大事です。チャットで「さっきのタスクを完了にして」と何度も伝えなくてよくなります。作業の進み具合が一目で分かるので、開発の進め方が変わるかもしれません。

これから注目したいこと

• Preview 機能なので、仕様が変わる可能性がある
• Claude や Codex など、ほかのエージェントでも使えるようになるか
• Canvas 拡張機能の種類が増えるか（VS Code Marketplace の拡張機能とは別物）
• WSL など、動く環境がどこまで広がるか