GitHub Sparkで既存コンテンツを扱う方法

GitHub Sparkで 既存コンテンツを扱う方法 .NETラボ勉強会 2025/08/23 Maki Nagase

Maki Nagase ( X : @yuma_prog ) • My Info • 株式会社ゼンアーキテクツ所属 • Microsoft MVP for Azure, AI Platform • 運営・主催コミュニティ • JAZUG(Japan Azure User Group), Azureわいがや会, Hack Everything., AI駆動開発勉強会,Azure AI Developers Community(JP) , GitHub dockyard • 好きな技術 • Azure PaaS, Azure AI, C#, Terraform, GitHub Copilot • 趣味 • 技術コミュニティ,アニメ,キャンプ,しゃぼん玉, 法螺貝,サバゲ,などなど

GitHub Sparkとは

GitHub Sparkとは • 自然言語でアプリを作れる GitHubのサービス https://github.com/features/spark?locale=ja

• https://github.com/features/spark?locale=ja

GitHub Sparkの価格 • GitHub Copilot Pro＋で使える • 月5,730円（2025/08/23時点） https://github.com/features/spark?locale=ja

• https://github.com/features/spark?locale=ja

今回やりたかったこと

Grokで生成した画像を GitHub Sparkのアプリ内 で使いたかった

Attach imageで画像を渡すと

Attach imageで画像を渡すと いったい何が起きたんだ

正しくコンテンツを読み込ませる 方法 • 一度指示すると現れるAssetsタブからコンテンツをアップロード

正しくコンテンツを読み込ませる 方法 • 正しく反映された！ • 複数ファイルをアップロードする ことも可能

このアプリの背景

泥酔バイブコーディング • 泥酔した状態でないと出ないアイディアがあるのでは • 飲み会で「こういうアプリ欲しくない？」と話して、その場でア プリができる時代が来たのでは • ということでやってみてレポート記事を書いています（そこで 作ったのが先ほどのアプリ） • 真面目に泥酔するな！安全な「泥酔バイブコーディング」ガイド

• https://zenn.dev/yuma_prog/articles/deisui-vibecoding

泥酔して書いた記事よりもこっちを 読んで欲しかった… 初めてカンファレンスの実行委員長を やって得た学び ～AOAI Dev Day 2025 裏話～ バックエンドでどこまでVibe Codingでき る？最小限の設定で精度を上げる方法 with GitHub Copilot

• https://zenn.dev/yuma_prog/articles/aoaidevday2025-report
• https://zenn.dev/yuma_prog/articles/ghcp-backend-vibecoding

YouTubeチャンネル開設しました！ GitHub Vibe Riders – YouTube GitHub Copilotの更新情報キャッチアッ プや検証をゆるーくライブ配信する予定 みんなでGitHub Sparkを使い倒そうぜ！ 【GitHub Vibe Riders初配信】 08/29(金)20時半から、飲みながらGitHub Sparkの検証をします

• https://www.youtube.com/@GitHubVibeRiders
• https://azure-waigaya.connpass.com/event/366676/