GitHub Copilotで変わったAIとの付き合い方

GitHub Copilotで変わった AIとの付き合い方 2か月で世界が変わった話

自己紹介

[ 自己紹介 ] Yuya @yuyanz_ SIer勤務の2児のパパ YonaYona Azure Clubという オンライン夜開催のコミュニティをやっています。 UTSUW A Shop

[今日までの流れ] 1月 GH-900取得 2月 GitHub Copilot Pro＋を手に入れる GitとGitHubに初めて触れる。やっといてよかった。本当に・・・。 プロフィールサイトが完成 3月 Qiita記事をGitHub管理を開始 コミュニティ活動用のrepoとskillを作る 4月 色々あった 日々、子供を寝かせてから 睡眠までの約１～２時間が勝負！

[ 2か月前 ] 01 LLM Opus？GPT5.〇？？何がなにやら・・・ 理解度: 5% 02 Agent GitHub Copilotは無課金でハンズオンを１回 理解度: 10% 03 IDE VSCode、数時間動かしたかな・・・レベル 理解度: 10% Claude Code、Codex経験なし

[今日までの流れ] 1月 GH-900取得 2月 GitHub Copilot Pro＋を手に入れる GitとGitHubに初めて触れる。やっといてよかった。本当に・・・。 プロフィールサイトが完成 3月 Qiita記事をGitHub管理を開始 コミュニティ活動用のrepoとskillを作る 4月 色々あった 日々、子供を寝かせてから 睡眠までの約１～２時間が勝負！

[今日までの流れ] 1月 GH-900取得 2月 GitHub Copilot Pro＋を手に入れる GitとGitHubに初めて触れる。やっといてよかった。本当に・・・。 プロフィールサイトが完成 3月 Qiita記事をGitHub管理を開始 コミュニティ活動用のrepoとskillを作る 4月 色々あった 日々、子供を寝かせてから 睡眠までの約１～２時間が勝負！

きっかけ

[きっかけ] コーディングする人だけじゃない 非開発者でも使えることを知った 市民開発革命 GitHub Copilot は「最強の市民開発ツール」だ！ノンデベロッパーこそ VS Code を入れよう #VSCode - Qiita

• https://qiita.com/aktsmm/items/1074fcd4148872b3a6d5#ここまで読んで使ってみたいと思った方へ

[きっかけ] “できそう”と思えたので、 トレースしてみた GitHub Copilot Consultant を使って最小コストでポートフォリオサイトを構築する

• https://zenn.dev/yuma_prog/articles/ghcp-consultant-events-portfolio

学び

ある程度知識がないと うまく動かない

[学び] Tailwind CSS v4

[学び] AI関連をピックアップしてお伝えします Tailwind CSS v4

[AIの精度] 品質 ここを目指したい 満足度が高いもの あんまり 意味のないもの 成果物を生み出す速度 参考：Ken‘ichirou Kimura-san 『設計は最強のプロンプト』 https://speakerdeck.com/kenichirokimura/design-as-the-ultimate-prompt-the-must-have-skill-in-the-ai-era

• https://speakerdeck.com/kenichirokimura/design-as-the-ultimate-prompt-the-must-have-skill-in-the-ai-era

[AIの精度] 品質 ここを目指したい 満足度が高いもの GitHub Copilotを使う上で 特にいいと思ったもの３選 あんまり 意味のないもの 成果物を生み出す速度 参考：Ken‘ichirou Kimura-san 『設計は最強のプロンプト』 https://speakerdeck.com/kenichirokimura/design-as-the-ultimate-prompt-the-must-have-skill-in-the-ai-era

• https://speakerdeck.com/kenichirokimura/design-as-the-ultimate-prompt-the-must-have-skill-in-the-ai-era

[モデル] GitHub Copilot M365 Copilot ※２か月前の選択肢 個人的今のスタメン

[モード選択] Plan Agent ※時にはPlanしなくてもよかったり。使っていってて感覚を掴み拡張していく。最初はPlanからで間違いない気がする

[リポジトリ構造] my-repo/ ├─ .github/ │ ├─ copilot-instructions.md │ │ │ ├─ instructions/ │ │ ├─ frontend.instructions.md │ │ ├─ backend.instructions.md │ │ ├─ tests.instructions.md │ │ └─ docs/ │ │ └─ markdown.instructions.md │ │ │ ├─ agents/ │ │ ├─ reviewer.agent.md │ │ ├─ test-writer.agent.md │ │ └─ release-manager.agent.md │ │ │ └─ skills/ │ ├─ github-actions-debugging/ │ │ ├─ SKILL.md │ │ ├─ examples/ │ │ │ └─ failing-workflow.md │ │ └─ scripts/ │ │ └─ inspect-logs.sh │ │ │ └─ e2e-testing/ │ ├─ SKILL.md │ ├─ templates/ │ │ └─ test-plan.md │ └─ scripts/ │ └─ run-e2e.sh │ ├─ AGENTS.md │ ├─ src/ │ ├─ frontend/ │ │ └─ AGENTS.md │ └─ backend/ │ └─ AGENTS.md │ └─ README.md ファイルがたくさん よくわからん my-repo/ ├─ .github/ │ ├─ copilot-instructions.md │ ├─ agents/ │ │ └─ reviewer.agent.md │ └─ skills/ │ └─ test-writing/ │ └─ SKILL.md └─ AGENTS.md まずはこれを理解 ※世の中で発信されている内容がわかるようになってくる

[最近やってること] Planモードはagentで定義できる my-repo/ ├─ .github/ │ ├─ copilot-instructions.md │ ├─ agents/ plan.agent.md │ │ └─ │ └─ skills/ │ └─ test-writing/ │ └─ SKILL.md └─ AGENTS.md Plan mode のような動きを再現 最小要求でワークフローを ループさせてみたりできる Custom agents in VS Code

• https://code.visualstudio.com/docs/copilot/customization/custom-agents

[今日までの流れ] 1月 GH-900取得 2月 GitHub Copilot Pro＋を手に入れる GitとGitHubに初めて触れる。やっといてよかった。本当に・・・。 プロフィールサイトが完成 3月 Qiita記事をGitHub管理を開始 コミュニティ活動用のrepoとskillを作る 4月 色々あった 1. 外出先でもAIがしたい話 2. インサイト 3. 妄想の話 日々、子供を寝かせてから 睡眠までの約１～２時間が勝負！

体験して分かったこと

[GitHub Copilotを“体験”して] • 自分より詳しい文献を集める • 自分より整理された思考で計画を作る • 自分の手が追いつかない速度でアウトプットする 「AIは便利なツール」 「能力の拡張装置／共同作業者」

何をするにも AIと作業したい

移動中もAIしたい

[使い方] VScode 最初はこちらがおすすめ ターミナル

[スマホ開発をするには] GitHub Copilot CLI /remote をするとQRコード or MobileアプリでスマホからCLIを操作できる ※ プレビュー ただし・・・ ・ PCがオンライン、CLIセッション実行中であること ・ GitHub リポジトリでホストされたGitリポジトリ ・スマホから/コマンドはできない（現時点では） GitHub Copilot CLIセッションへのリモートアクセスについて - GitHubドキュメント

• https://docs.github.com/en/copilot/concepts/agents/copilot-cli/about-remote-access

[スマホ開発をするには] GitHub Copilot CLI /remote をするとQRコード or MobileアプリでスマホからCLIを操作できる ただし・・・ ・ PCがオンライン、CLIセッション実行中であること >PCを起動しっぱなし ・ GitHub リポジトリでホストされたGitリポジトリ >GitHubにないやつも動かしたい ・スマホから/コマンドはできない（現時点では） >使いたい GitHub Copilot CLIセッションへのリモートアクセスについて - GitHubドキュメント

• https://docs.github.com/en/copilot/concepts/agents/copilot-cli/about-remote-access

解決策

[仮想デスクトップ] Azure Virtual Desktop Microsoft が提供するクラウド型仮想デスクトップ

[仮想デスクトップ] Azure Virtual Desktopなら、いつでもどこでも操作可能 VPN等も設定も不要！！ 自宅 外出先

スマホ操作不便でしょ？

GitHub Copilotがあれば大丈夫

[自作UIでスマホ特化アプリ] ※開発中

[自作UIでスマホ特化アプリ] ↑複数タブ操作 ↓スマホで操作しづらい機能をボタンで補助 ※試行錯誤中

歩きAI脱却 ChatGPTを使用して生成 ※歩きスマホを推奨しているわけではありません。前はよく見てください！！！

[仮想デスクトップ] Azure Virtual Desktopなら自宅PCはシャットダウンしていても ルータが停止していても、AIが稼働し続けられる！！！ GitHub Copilot稼働中 シャットダウン中 停電で電源off yuya

Azure Virtual Desktopの時代 あくまで個人の見解です AVDのコスト効率化を行っていない場合、約35,000円/月※ ※使用時のみ起動する設定を入れればかなり安くなります。 ※VM は Standard_D4as_v5を使用（24時間365日起動した場合） ※GitHub Copilotくんの料金は１円も含まれておりません。

[今日までの流れ] 1月 GH-900取得 2月 GitHub Copilot Pro＋を手に入れる GitとGitHubに初めて触れる。やっといてよかった。本当に・・・。 プロフィールサイトが完成 3月 Qiita記事をGitHub管理を開始 コミュニティ活動用のrepoとskillを作る 4月 色々あった 1. 外出先でもAIがしたい話 2. インサイト 3. 妄想の話 日々、子供を寝かせてから 睡眠までの約１～２時間が勝負！

[インサイトが大事になる？] AIによる “なんでもできる感” 作りたいが先行⇒失敗

[何食べたい？と聞かれないように]

[何食べたい？と聞かれないように] 「正解の料理を出したい」わけではない。 家庭内のやりとりをスムーズにしたいだけ

妄想の話

[課題という言葉が無くなる？] PCで可能な作業はほぼAIでできる AIの達人は ＡＩが提示するtodoを実施すれば仕事が終わる。 （商談にいく等肉体がある仕事だけ行うイメージ） AIをインターフェースに仕事ができている人からすると、メールアプリはAIを使わない人間のためのアプリ？ 当面先だと思うけど、Agent to Agentならメールアプリはいらない？

[課題という言葉が無くなる？] 解決コストが０に近づく 困ることが少なくなる あったらいいが主戦場になる

アニメとゲームの話

[アニメの世界] 子供の頃見たアニメ 「いけ！」「突進しろ！！」 実在するかのようにリアルなバトル

[ゲームの世界] 初めて見たゲーム たたかう にげる わざ１ わざ２ わざ３ わざ４ ターン性だったり、行動が４択くらいだったり

[AIがあると] AIがあれば何ができそうか • 作るスピードがあがってきている → その場で“実装”することができそう • 「よけろ！！！」 → “回避”モーションをその場で即座に生成 • 最初は予め“訓練モード“で対話して理想の動きを一緒につくる アニメの世界はすぐそこに？

[思っていること] 今のAI活用方法は 今まで人間がしていたことを、より早く回す用途が多い気がする 次はAIがあるから、AIを前提により人間が欲している何かを生み出そう という思考が増えていく気がする

妄想partでした

気になる技術と宣伝

[functions-markdown-agent] ローカルのコードをそのままデプロイできる！ my-repo/ ├─ .github/ │ ├─ copilot-instructions.md │ ├─ agents/ │ │ └─ reviewer.agent.md │ └─ skills/ │ └─ test-writing/ │ └─ SKILL.md └─ AGENTS.md 前提条件をクリアして「azd up」コマンドでデプロイ可能※ 非開発が作ったよいものを簡単にシェアしやすい ※まだ開発中の機能です。 Azure-Samples/functions-markdown-agent

• https://github.com/Azure-Samples/functions-markdown-agent

[functions-markdown-agent] my-repo/ ├─ .github/ │ ├─ copilot-instructions.md 詳しくはしろくまさんの記事 │ ├─ agents/ Markdown定義のAIエージェントを Azure Functions で動かす ～Declarative Agents～ │ │ └─ reviewer.agent.md Readmeを読んで！ │ └─ skills/ │ └─ test-writing/ │ └─ SKILL.md └─ AGENTS.md ※GitHub Copilot SDKを使うので 前提条件をクリアして「azd up」コマンドでデプロイ可能 おすすめの記事 非開発が作ったよいものを簡単にシェアしやすい Azure-Samples/functions-markdown-agent

• https://github.com/Azure-Samples/functions-markdown-agent
• https://zenn.dev/nomhiro/articles/azure-functions-declarative-agents

[技術書典] ピーススタイル

[ 宣伝 ] 4/30 21:00 ～

[ 宣伝 ] 5/15 21:00 ～

[ THANK YOU! ] ご清聴ありがとうございました!