初心者向けGitHub Copilot app：「キャンバス」でカスタムワークフローを構築する方法GitHub Copilot app for Beginners: How to build custom workflows with canvases
匿名の公開いいねです。記事の保存・お気に入りではなく、Featured、Top 3、重要度、掲載順位には影響しません。仕組みとプライバシーAnonymous public likes are reactions, not saved articles or bookmarks. They do not affect Featured, Top 3, importance, or listing order.How it works and privacy
- GitHub Copilot appの「キャンバス」では、利用者とエージェントがカスタム画面を双方向に操作できます。
- カンバンや課題整理、リリース確認、表計算などを用途に合わせて構成でき、独自の作業手順を効率化したいチームに役立ちます。
GitHub Copilot app canvases let users and agents jointly edit custom interfaces, from kanban boards to release checklists, enabling teams to tailor workflows to their needs.
本ページの本文と要約は AI による自動生成です。日本語版と英語版は言語ごとに独立して生成されるため、表現や詳しさが異なる場合があります。正確性は元記事 (github.blog) をご確認ください。The body and summaries are AI-generated independently for each language, so wording and detail may differ. Verify accuracy at the original source (github.blog).
要約と収集メタデータに基づく AI 解説。元記事全文の転載・翻訳ではありません。AI explainer based on the summaries and collected metadata, not a copy or translation of the full source article.
固定された画面に作業を合わせるのではなく、望むワークフローに沿ってインターフェースを形作れるのが、GitHub Copilot appの「キャンバス」です。利用者とエージェントが同じカスタム画面を双方向に操作し、用途に合った作業環境を構成できます。
キャンバス
キャンバスは「canvas extension」とも呼ばれ、利用者とエージェントが共有するカスタマイズ可能なインターフェースです。カンバンボード、課題整理用のボード、リリースチェックリスト、ダッシュボード、フォーム、表計算などとして構成できます。決められた種類の画面に作業を当てはめるのではなく、実際の作業方法に合わせてUIを形作るという考え方です。独自の作業手順を効率化したいチームに役立つとされています。
双方向の操作
キャンバスは双方向に操作できるため、エージェントは作業を進めながら画面の内容を更新できます。一方、利用者もボタン、カード、フィルターなどの操作要素を使って変更を加えられます。エージェントからの更新を表示するだけの画面ではなく、双方が同じ画面に働きかけられる仕組みです。これは、共有されたライブホワイトボードを一緒に使うような操作感として説明されています。
作成方法
キャンバスを作る際に、利用者がコードを書いたり、画面を手作業でデザインしたりする必要はありません。まずエージェントのセッションを開き、「/create-canvas」スキルを入力します。そのうえで、作りたい画面や実現したい内容を平易な英語で説明します。これにより、目的とするワークフローを起点として、必要なインターフェースを構成できます。
GitHub Copilot app canvases
Canvases in the GitHub Copilot app offer a way to build an interface around the workflow a user wants, rather than fitting that work into a fixed set of screens. This matters for teams that want to tailor custom workflows to their own needs.
A canvas, also called a canvas extension, is a customizable interface shared by the user and the agent. Its structure can reflect the work being performed instead of requiring the user to adapt that work to a predetermined interface.
A customizable interface
A canvas can take several forms, including a kanban board, an issue triage board, a release checklist, a dashboard, a form, or a spreadsheet. These options allow the interface to be shaped according to how the user or team works.
The canvas is bidirectional. The agent can update the interface while it works, while the user can also make changes through buttons, cards, filters, and other controls. The result is comparable to using a live shared whiteboard: both sides interact with the same customizable space rather than working through separate views.
This shared editing model means that a canvas is not simply a static display of information. It is an interface in which the agent’s updates and the user’s direct actions can both affect the workflow.
Create a canvas
Creating a canvas does not require coding or manual interface design. The user starts by opening an agent session and entering the /create-canvas skill.
The next step is to describe the desired canvas in plain English. That description can specify the workflow and the kind of interface needed, such as a board, checklist, dashboard, form, or spreadsheet. The GitHub Copilot app then uses that request to create a canvas shaped around the described work.
ポコとTECHガイドPoko & TECH Guide
ポコと当サイトのTECHガイドが、記事の要約と収集した情報から読みどころを語るAI生成の対話です。Poko and TECH Dashboard's own TECH Guide discuss the article's highlights in an AI-generated conversation based on its summary and collected source details.
- ポコPokoキャンバスって、どうして人とエージェントの両方が同じ画面を動かせるの？How can both a person and the agent work with the same canvas?
- TECHガイドTECH Guide双方向の共有画面だから、エージェントが更新しつつ、人もボタンやカード、フィルターで変更できるんだ。It’s a two-way shared interface: the agent can update it, while people make changes with buttons, cards, filters, and other controls.
- ポコPokoじゃあ、決まった画面に作業を合わせたくないチームが、自分たち向けの手順を作れるってこと？So teams that don’t want to fit their work into fixed screens can shape a workflow around their own needs?
- TECHガイドTECH Guideうん。カンバンや課題整理、リリース確認、表計算などを用途に合わせ、独自の作業手順を効率化できる。Yes. Teams can tailor kanban boards, issue triage, release checklists, spreadsheets, and more to streamline their own workflows.
- ポコPoko作業に画面を合わせて、人とエージェントで一緒に更新できるんだね。作るのもコード不要なんだ。Got it—the interface follows the work, and people and agents update it together. And creating one doesn’t require coding.
- TECHガイドTECH Guideそうだね。ただし作成時は、エージェントのセッションで「/create-canvas」を入力し、欲しいものを平易な英語で説明する流れだよ。Right. One detail: creation starts in an agent session with /create-canvas, followed by a plain-English description of what you want.
