GitHub Copilot and Copilot X Introduction

GitHub Copilot and Copilot X Introduction @yuhattor

Transcript

1. エンジニアの強い味⽅！
   の活⽤⽅法とテクニック
   Yuki Hattori
   Customer Success Architect @GitHub Japan
   

   View Slide

2. 本⽇の
   アジェンダ
   資料による説明 Demo / QA
   01 03
   20 分
   20 分
   02
   今後の
   Copilotとは
   10 分
   

   View Slide

3. 外部連携とAPI
   安全なソフトウェアをビル
   ド‧スケール‧リリースで
   きるAI原動の開発基盤
   コラボレーション
   ⽣産性
   セキュリティ
   スケール
   AI原動
   

   View Slide

4. Copilotで
   開発業務が
   55%速く
   20,000+ の企
   業にて 採
   ⽤済み
   繰り返し作業の精
   神的労⼒が
   87%低下
   75% の
   エンジニアが
   より満⾜
   利⽤者数が
   

   View Slide

5. ⾃分のプロジェクトに特化したコ
   ード提案を提⽰
   コメントをコードに変換
   繰り返しコードの⾃動補完
   代替⼿段の提⽰
   

   View Slide

6. ⼈気のコードエディタ向けの拡張機能
   Visual Studio Code
   Visual Studio neovim
   All JetBrains IDEs
   IntelliJ IDEA, WebStorm, PyCharm, Rider, etc.
   

   View Slide

7. 概要
   GPT3.5
   turbo
   PUBLIC
   DATA
   ⽂脈
   提案
   

   View Slide

8. GitHub.com
   Copilot
   Proxy
   1. 認証及びライセンス確認
   4. 提案の受信
   IDE ワークスペース
   2. Copilot⽤トークン受信
   OpenA
   I
   GPT3.5
   Turbo
   3. ⽂脈（プロンプト）送信
   IDE 拡張機能
   認証
   

   View Slide

9. Copilot Proxy Service
   提案
   OpenA
   I
   GPT3.5
   Turbo
   ⽂脈（プロンプト）
   IDE ワークスペース
   IDE 拡張機能
   GitHub 所有 Azure テナント
   データの流れ
   • 認証
   • 感情分析
   (暴⼒的な表現検知等)
   • セキュリティフィル
   ター
   • 感情分析
   • ⼆重検知OSSフィル
   ター
   

   View Slide

10. 提案採⽤率 Copilotが⽣成したコードの割合
    46%
    35%
    

    View Slide

11. エンジニア数
    70% 78%
    2時間 41分 1時間 11
    分
    完了した割合
    完了までの平均所要時間
    我々は95⼈の開発エンジニアを集め
    ⼆つのグループに分けました
    Javascriptでウェブサーバーを定義するタスクを与えました
    50 45
    Copilotあり
    Copilotなし
    

    View Slide

12. Copilot Chat
    ⽂脈を認識したCopilotとのChatGPT式チャット機能
    コード解説
    修正コードの提案 コードに対する質問への回答
    単体テストの⽣成
    Copilot Chatはエディタ内にある既存コ
    ードやエディタで選択されているコード
    部分に基づいて単体テスト⽤のコードス
    ニペットを⽣成することが可能。
    Copilot Chatは選択されているコードに
    対して⾃然⾔語で対象のコードの性能や
    意図が含まれた解説⽂を⽣成することが
    可能。
    エラーや問題の⽂脈に応じてCopilot
    Chatからバグに対する修正コードや解
    決案を提案することを補助することが可
    能。
    特定のコード問題に対して助けや補助を
    Copilot Chatにお願いすることが可能で
    、返事は⾃然⾔語またはコードスニペッ
    トとして受信可能。
    可読性向上
    開発⾔語間の変換
    Copilot Chatは⼀つの開発⾔語から別の
    開発⾔語に変換することを補助すること
    が可能。
    Copilot Chatは抜けているコメントの追
    加やより適切な変数名の提案等でコード
    全体の可読性向上を補助することが可能
    。
    

    View Slide

13. Copilot Chat
    ⽂脈を認識したCopilotとのChatGPT式チャット機能
    /explain 選択されたコードの仕組みを解説
    /fix 選択されたコードの問題点に対し修正⽅法を提案
    /help GitHub Copilotに関する⼀般的なヘルプ
    /tests 選択されたコードに対して単体テストを提案
    /vscode VS Codeに関する質問への回答
    /clear セッションをクリアする
    スラッシュコマンド
    

    View Slide

14. GitHub Copilot X
    

    View Slide

15. 今後のGitHub Copilot
    リファクタリング (コード翻訳)
    コードレビュー (コード解説)
    ドキュメント化
    今後のGitHub Copilot
    ユニットテスト
    コードエラー検知
    デバッグ
    コードレビュー
    AI による Pull Request
    現在のGitHub Copilot
    コメントをコードに変換
    繰り返すコードを補完
    代替⼿段を表⽰
    1
    計画
    2
    分析
    3
    設計
    4
    実装
    5
    テストと統合
    6
    メンテナンス
    X
    エディタを⾶び出し
    SDLC 全体を AI で⽀援
    

    View Slide

16. AIが⽀援する未来のソフトウェア開発
    Copilot for Pull Requests
    in Pull RequestでAI支援用タグ追加
    PR内の変更点に応じて開発エンジニア
    に対し書いている途中で自動的に文書
    を提案
    必要に応じて自動的に警告を行いテス
    トを提案
    

    View Slide

17. AIが⽀援する未来のソフトウェア開発
    Copilot for Docs
    ドキュメント内容に基づいたAIが生
    成する質問に対する回答
    以下のドキュメントに対応:
    • GitHub
    • React
    • Azure
    • MDN
    • 将来的にはお客様指定のドキュ
    メントにも対応
    

    View Slide

18. ターミナル内でCopilotを活⽤
    Copilot for the CLI
    ターミナル内でコマンドを提案
    3種類のシェルコマンド:
    • ?? – 一般的な CLI
    • git? – git に特化した CLI
    • gh? – GitHub に特化した CLI
    生成された提案を見直して実行
    

    View Slide

19. GitHub Copilot Future
    コードやドキュメントから、ユニットテストを
    自動生成
    TestPilot
    Codespaces上に存在するすべてのコードを使う
    ことで提案を改善
    GitHub Copilot for
    *Your* Codebase
    キーボードを使わずにコードを書く
    Copilot Voice
    https://githubnext.com/
    

    View Slide

20. https://resources.github.com/copilot-trust-center/
    

    View Slide

21. View Slide

22. View Slide

23. View Slide