[開発者向け]GitHub CopilotとAgent Modeで「個人コマンドセンター」を1日で構築——GitHubエンジニアの開発ワークフロー

目次

はじめに

 GitHubが2026年4月15日に公開したブログ記事で、Staff Software EngineerのBrittany Ellich氏が「個人組織コマンドセンター」を自作した経緯と開発プロセスが紹介されています。GitHub Copilot CLIにインスパイアされたこのプロジェクトは、AIを活用した「計画→実装」ワークフローによって 1日 で完成したとのことです。本稿では、その仕組みと使用技術スタック、開発への示唆をお伝えします。

参考記事

関連記事

あわせて読みたい
[開発者向け]ターミナルでAIを使いこなす——GitHub Copilot CLIの始め方と活用例 はじめに  GitHubが2026年4月10日に公開したチュートリアル記事をもとに、GitHub Copilot CLIの概要とセットアップ手順、主な活用例を紹介します。ターミナルを離れず...
あわせて読みたい
[開発者向け]GitHub Copilot CLIの「Rubber Duck」— 異なるAIモデルが計画をレビューする新機能 はじめに  GitHubは2026年4月6日、コーディングエージェントツール「GitHub Copilot CLI」に、異なるAIファミリーのモデルを使った自動レビュー機能「Rubber Duck」を...
あわせて読みたい
[開発者向け]GitHub Copilotのエージェント機能を最大限活用する方法——システム設計からリファクタリ... はじめに  GitHubが2026年2月2日、公式ブログにてGitHub Copilotのエージェント機能を最大限活用するための実践ガイドを公開しました。本稿では、シニアエンジニアによ...

要点

  • GitHubのスタッフエンジニアBrittany Ellich氏が、複数アプリへの「デジタル断片化」を解消するための個人コマンドセンターをGitHub Copilot CLIを活用して構築した
  • 「計画→実装」ワークフロー(AIで計画を詰め、Copilotが実装する)により、v1を通常業務と並行して 1日 で完成させた
  • 同期開発にはVS CodeのAgent Mode(最大2並列)、非同期のバグ修正や技術的負債にはCopilot Cloud Agentを使い分けている
  • 技術スタックはElectron・React・Vite・Tailwind・WorkIQ MCPで、すべてオープンソースで構成されている
  • エージェントはコードの追加は得意だが削除は消極的という特性が確認されており、リポジトリの整理には手動作業が必要だった

詳細解説

デジタル断片化という課題と解決アプローチ

 GitHub Blogによれば、Ellich氏が解決しようとしたのは「デジタル断片化(digital fragmentation)」、すなわち十数個のアプリに分散した情報を都度切り替えながら作業する非効率さです。目標は、それらを「落ち着いた一元的な場所」にまとめることでした。

 こうした「情報の一元化」は多くの開発者が抱える課題だと思います。カレンダー、Slack、GitHub Issues、メールなど、コンテキストスイッチのたびに集中が途切れる問題は、生産性研究でも繰り返し指摘されてきました。今回のプロジェクトは、そうした問題を自作ツールで解決するアプローチの一例として参考になると考えられます。

「計画→実装」ワークフローの詳細

 Ellich氏が採用した開発フローは「計画はAIと対話、実装はCopilotに任せる」という2段構えです。GitHubの記事では、計画フェーズでCopilotに質問形式でインタビューしてもらい、十分な計画が固まってから実装に入ると説明されています。「これにより推測が減り、実装がスムーズになる」とEllich氏は述べています。

 このアプローチは、いわゆるプロンプトエンジニアリングの実践形として注目できます。AIに「実装してほしいこと」を漠然と伝えるのではなく、仕様を言語化するプロセス自体にAIを活用することで、曖昧さが排除された状態で実装フェーズに移行できます。本ブログでも以前 GitHub Copilot CLI の活用例を取り上げましたが( https://jobirun.com/github-copilot-cli-beginners-guide/)、CLIを起点にした計画支援の活用は今後さらに広がると考えられます。

同期・非同期の使い分け

 開発環境については、GitHub Blogによれば、VS CodeのAgent Modeを同期開発(一度に最大2つの競合しないエージェントワークフロー)に使い、Copilot Cloud Agentは非同期の作業——スコープが明確なバグ修正や技術的負債の解消——に充てているとのことです。

 この使い分けは実用上のヒントとして参考になります。Agent Modeは即時フィードバックが必要な作業に向いており、Cloud Agentはバックグラウンドで処理を進めながら別の作業に集中できる点が強みです。並列でAIエージェントを走らせるこうしたワークフローは、個人開発者の生産性を大きく底上げする可能性があると思います。

使用技術スタックとエージェントの特性

 今回のプロジェクトで使われた技術スタックは以下の通りです。

  • Electron: クロスプラットフォーム対応のデスクトップアプリフレームワーク
  • React: UIコンポーネントと状態管理のためのJavaScriptライブラリ
  • Vite: ホットモジュール置換対応のビルドツール
  • Tailwind CSS: CSSユーティリティフレームワーク
  • WorkIQ MCP: Microsoft 365データへのアクセスを提供するMCPサーバーおよびCLI

 ElectronはGitHub自身が開発に関わったオープンソースフレームワークで、WindowsやmacOS、Linuxで動作するデスクトップアプリをWeb技術(HTML/CSS/JavaScript)で構築できます。WorkIQ MCPはMicrosoftが提供するMCPサーバーで、カレンダーやMicrosoft 365のデータをAIエージェントから参照できるようにするものです。

 また、GitHub Blogの記事では興味深い観察として「エージェントはコードの追加は好むが、削除には消極的」という点が指摘されています。Ellich氏はリポジトリを公開用に整理する際、手動での作業が多く必要だったと述べています。これはAIエージェントの現時点での特性として、実装時に意識しておくべき点だと思います。

必要な環境と公開リポジトリ

 同様のツールを構築したい場合、GitHubの記事ではBrittany氏のリポジトリ(command-center-lite)をクローンして始めることが紹介されています。必要な環境は以下の通りです。

  • Node.js(v18以上)
  • GitHub Copilot CLI(WorkIQセットアップ用)
  • Microsoft 365アカウント(カレンダー同期)
  • ElevenLabsアカウント(音声アシスタント設定)

 プロジェクトはオープンソースとして公開されており、READMEに詳細なセットアップ手順がまとめられています。

まとめ

 GitHub CopilotとAgent Modeを組み合わせた「計画→実装」ワークフローにより、複雑なデスクトップアプリを1日で構築した事例です。同期・非同期のエージェント活用の使い分けや、エージェントの「削除不得意」という特性など、実践的な知見が含まれています。AIを使った個人開発の可能性を考えるうえで参考になると思います。

この記事が気に入ったら
フォローしてね!

  • URLをコピーしました!
  • URLをコピーしました!
目次