---
title: GitHub Copilot App の canvas はイイぞ
tags: 
author: [Kazuki Ota](https://image.docswell.com/user/okazuki)
site: [Docswell](https://www.docswell.com/)
thumbnail: https://bcdn.docswell.com/page/4EZLDYNN73.jpg?width=480
description: Japan Azure Travelers の広島回の LT をした際の資料です。 https://jat.connpass.com/event/382813/
published: August 01, 26
canonical: https://image.docswell.com/s/okazuki/ZPRY76-2026-08-01-134736
---
# Page. 1

![Page Image](https://bcdn.docswell.com/page/4EZLDYNN73.jpg)

/CREATE-CANVAS 可愛い猫を表示して
GitHub Copilot App の canvas はイイぞ
GitHub Copilot App の canvas はイイぞ
1 / 11


# Page. 2

![Page Image](https://bcdn.docswell.com/page/Y76W1D897V.jpg)

GITHUB COPILOT APP
GitHub Copilot App の canvas
画面右側のいろいろ表示できる領域
GitHub Copilot App の canvas はイイぞ
2 / 11


# Page. 3

![Page Image](https://bcdn.docswell.com/page/G75M439D74.jpg)

できること
canvas の用途
組み込みで、いろいろなものを表示できる
ブラウザー
ファイル一覧
diff
GitHub の Issues や PR
など
GitHub Copilot App の canvas はイイぞ
3 / 11


# Page. 4

![Page Image](https://bcdn.docswell.com/page/9J29VZ5MER.jpg)

ブラウザー
AI が生成した HTML ドキュメントも
最近またバズった AI 生成 HTML
canvas のブラウザーで表示できる
GitHub Copilot App の canvas はイイぞ
4 / 11


# Page. 5

![Page Image](https://bcdn.docswell.com/page/DEY43RKPJM.jpg)

拡張性
/create-canvas スキル
canvas は拡張できる
実態は Copilot CLI の拡張機能
GitHub Copilot App の canvas はイイぞ
5 / 11


# Page. 6

![Page Image](https://bcdn.docswell.com/page/VJNYVDRM78.jpg)

インタラクション
AI と相互にやり取り可能
セッションにメッセージを送れる
AI に Action を公開できる
やりたい放題可能
GitHub Copilot App の canvas はイイぞ
6 / 11


# Page. 7

![Page Image](https://bcdn.docswell.com/page/YE9P6GMWJ3.jpg)

アイデア
ユースケース
自分専用の issue / PR トリアージ画面
GitHub Copilot による調査レポートの表示
既存サービスの拡張・補助ツール
GitHub Projects をもとにガントチャートを表示
Microsoft Foundry へのエージェント公開を補助
ゲーム作成や、推しを表示する癒しの提供
GitHub Copilot App の canvas はイイぞ
7 / 11


# Page. 8

![Page Image](https://bcdn.docswell.com/page/GE8DZVLRED.jpg)

実例
直近やったこと
GitHub Issues をガントチャート化
GitHub Copilot App の canvas はイイぞ
8 / 11


# Page. 9

![Page Image](https://bcdn.docswell.com/page/LELMD5L27R.jpg)

実例
直近やったこと
プレゼンテーションツール
今やっている、このプレゼン自体
GitHub Copilot App の canvas はイイぞ
9 / 11


# Page. 10

![Page Image](https://bcdn.docswell.com/page/4JMYP3M9JW.jpg)

まとめ
まとめ
GitHub Copilot App に、これを打ち込んでみよう！
/create-canvas あなたのやりたいこと
GitHub Copilot App の canvas はイイぞ
10 / 11


# Page. 11

![Page Image](https://bcdn.docswell.com/page/PJR91QV979.jpg)

ご清聴ありがとうございました
GitHub Copilot App の canvas はイイぞ
11 / 11