Markdown を読むための canvas を GitHub Copilot app に追加してみたThe author ported the macOS Markdown reader SkimDown to Windows via WinUI 3 +…
匿名の公開いいねです。記事の保存・お気に入りではなく、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
macOS 向け Markdown リーダー SkimDown の Windows 移植版をベースに、GitHub Copilot app の canvas 拡張として Markdown 閲覧機能を統合した取り組みを紹介している。
The author ported the macOS Markdown reader SkimDown to Windows via WinUI 3 + WebView2, then integrated it as a canvas extension for the GitHub Copilot app, enabling smooth reading of long documents like specs directly within Copilot.
本ページの本文と要約は AI による自動生成です。日本語版と英語版は言語ごとに独立して生成されるため、表現や詳しさが異なる場合があります。正確性は元記事 (zenn.dev) をご確認ください。The body and summaries are AI-generated independently for each language, so wording and detail may differ. Verify accuracy at the original source (zenn.dev).
要約と収集メタデータに基づく AI 解説。元記事全文の転載・翻訳ではありません。AI explainer based on the summaries and collected metadata, not a copy or translation of the full source article.
SkimDown
macOS向けMarkdownリーダーSkimDownをWindowsへ移植し、さらにGitHub Copilot appのcanvas拡張として統合した取り組みが紹介されている。設計書や仕様書のような長いMarkdownを、Copilot内でさくさく読めるようにした点が要点だ。
SkimDownは、同僚の土田さんが開発した、長いMarkdownの閲覧に特化するビューアーである。作者は土田さんの許可を得て、WinUI 3とWebView2を用いたWindows版「SkimDown for Windows」を作成した。
canvas拡張
Windows版の開発まではデスクトップアプリの移植だったが、その後、Markdown閲覧機能をGitHub Copilot appのcanvas拡張として追加した。これにより、長文の設計書や仕様書をCopilot上で直接、滑らかに閲覧できる構成とされている。
SkimDown for Windows
The author describes adding a Markdown-reading canvas to the GitHub Copilot app. The work matters for reading long Markdown documents, including design documents and specifications, directly within Copilot.
SkimDown was originally created by the author’s colleague Tsuchida as a macOS Markdown reader. According to the source, it is a viewer specialized for quickly and smoothly reading lengthy Markdown files.
WinUI 3 + WebView2
With Tsuchida’s permission, the author created a Windows port called SkimDown for Windows. The port was built with WinUI 3 and WebView2.
At that stage, the project was a conventional desktop application port, bringing the Markdown reader from macOS to Windows while retaining its focus on long-form documents.
GitHub Copilot app canvas
The author then used the Windows port as the basis for a canvas extension in the GitHub Copilot app. This integrated SkimDown’s Markdown-viewing functionality into Copilot, allowing long documents such as specifications to be read through the app’s canvas.
ポコと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仕事で長い設計書や仕様書を読むとき、これは普段の何が変わるの？Copilotの中で読めるってこと？What changes when I’m reading long specs or design docs at work? Can I read them right inside Copilot?
- TECHガイドTECH Guideそうじゃ。この記事では、Markdown閲覧機能をGitHub Copilot appのcanvas拡張に統合し、長い文書を中でさくさく読めるようにしておる。Exactly. The piece integrates a Markdown reader as a canvas extension for the GitHub Copilot app, making long documents smoother to read within Copilot.
- ポコPokoへえ、すごい！でも前はできなかったの？Windows版との関係も気になるな。Wow, that’s neat! But wasn’t this possible before? And how does the Windows version fit in?
- TECHガイドTECH GuideもとはmacOS向けのSkimDownで、まずWinUI 3とWebView2を使ってWindowsへ移植したのじゃ。その後、単独の移植版からcanvas拡張へ統合した流れじゃよ。SkimDown began as a macOS reader. The author first ported it to Windows with WinUI 3 and WebView2, then moved beyond a standalone port by integrating it as a canvas extension.
- ポコPokoつまり一番の収穫は、長いMarkdownの設計書や仕様書をCopilot内で読み進められるようにしたことだね。So the biggest win is being able to work through long Markdown specs and design docs inside Copilot.
- TECHガイドTECH Guideその点が核じゃな。次に注目したいのは、長い文書を「さくさく読む」体験がcanvas上でどう生かされるかじゃよ。That’s the heart of it. Next, I’d focus on how the canvas preserves SkimDown’s smooth reading experience for long documents.
