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

GitHub Copilot Workshop

Yuki Hattori
October 19, 2023
280

GitHub Copilot Workshop

Yuki Hattori

October 19, 2023
Tweet

Transcript

  1. Workshop

    View Slide

  2. 本⽇の
    アジェンダ
    資料による説明 デモ
    03
    Q&A
    01 02
    20 分 10 分
    20 分
    04
    ハンズオン
    60 分+

    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

    View Slide

  15. June 2023 GitHub Copilot X
    普遍的
    開発エンジニアが使
    う全てのツールや全
    ての作業に連携
    対話形式
    隣にいる人間に話し
    かけるほど簡単に
    使う人に特化
    使う方、プロジェク
    ト、チーム、組織、
    コミュニティの文脈
    と知見で特化
    安全、信頼、安定
    GitHubは責任のある
    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. https://resources.github.com/copilot-trust-center/

    View Slide

  20. Q&A
    第2部

    View Slide

  21. ハンズオン
    注意: Copilot は確率的モデルであり
    決定論的モデルではありません

    View Slide

  22. ハンズオンリソース
    URL: https://gh.io/AAmjoov
    その他の参考リソース
    https://ai-native.dev/docs/ja

    View Slide

  23. GitHub Copilot X

    View Slide