$30 off During Our Annual Pro Sale. View Details »

GitHub Copilot and Copilot X Introduction

GitHub Copilot and Copilot X Introduction

GitHub Copilot and Copilot X Introduction @yuhattor

Yuki Hattori

October 05, 2023
Tweet

More Decks by Yuki Hattori

Other Decks in Technology

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