GitHub Copilotハンズオン

https://github.com/Fukuoka-Business-Information-Center/copilot-hanson
GitHub Copilotの基本的な使い方から応用までを方法についてハンズオン形式で学びます

Transcript

1. GitHub Copilot ソフトウェア開発をよりよく改善するためには 2024/11/26 株式会社福岡情報ビジネスセンター OT勉強会資料
2. アジェンダ  1. GitHub Copilotとは  2. GitHub Copilotのセットアップ  3. ハンズオン  4. GitHub Copilot Chatを使用してプロジェクトを探索、解析する  5. 応用編  6. その他の生成AIとの違い  7. 今後試してみたいこと  8. 〆
3. 1. GitHub Copilotとは 基本的に出来ることは以下の2つ  いま入力しているコードの内容を補間する(今 後入力されうる候補を出してくれる)  主にプログラムについて質疑応答をおこなう
4. 2. GitHub Copilotのセット アップ
5. GitHub Copilotが有効化されているかを確認する
6. 日本語設定
7. 3. ハンズオン 今からRust, Go, Kotlin, Swiftの コードを書いてもらいます！！
8. git clone https://github.com/Fukuoka- Business-Information-Center/copilot- hanson.git .
9. 課題  日付のフォーマット関数  金額のフォーマット関数  日付の差分計算  閏年判定  日付の週末判定  英数字判定関数  ランダムな記号英数字を生成して返す関数  FizzBuzz
10. 途中まで書くと候補が出てくる Tabキーで補間。基本機能はこれだけ
11. コマンドからソース生成 Ctrl + i → /gen
12. スラッシュコマンドについて 特定の機能を実行するためのコマンド コード生成、コード修正、テスト作成など https://code.visualstudio.com/docs/copilot/copilot-chat#_slash-commands
13. コマンド一覧  `/doc` → 「Docコメントを生成してください」  `/explain` → 「コードの動作を教えてください」  `/fix` → 「問題箇所の修正をしてください」  `/generate` → 「コードを生成してください」  `/tests` → 「テストコードを作成してください」  `/new` → 新規プロジェクトやファイルを作成。  `/clear` → チャットセッションをクリア。
14. 4. GitHub Copilot Chatを 使用してプロジェクトを探索、 解析する
15. 4.1 設定ファ イルについて 説明 右クリック → Copilot → 説明
16. お手持ちのプロジェクト をご準備ください 新しいウィンドウ → 開く あるいは 新しいウィンドウ →プロ ジェクトフォルダのドラッ グ&ドロップ
17. コンテキストについて 人もAIも正しく回答するためには正確な前提、文脈、情報(コンテキスト)が必要です。 https://code.visualstudio.com/docs/copilot/copilot-chat#_chat-context  `@workspace` → プロジェクト全体  `#ファイル名` `#クラス名` `#関数名` → 特定のコードや範囲にフォーカス。  `#editor` 選択範囲  何も指定しない場合は通常いま開いているファイルについてフォーカスします  いま作業中のファイル > 目に見えているファイル(別ウィンドウ含む) > 裏で開いて いるファイルの順に参照していそう(裏はとっていません)
18. GitHub Copilot Chat  @workspace どのような技術スタックが使用されていますか  @workspace 現在のプロジェクトのおすすめの拡張機能は  @workspace メールを送信しているファイルは  @workspace テーブルUserを使用しているファイルは  @workspace #ShoppingContoroller.phpの決済処理はどこですか  #shoppingController.phpと関係するファイルは
19. 5. 応用 改善例や具体的な活用シナリオ ベストプラクティスなど
20. 5.1 汎用処理実装 `/new AWSにSESでメールを送るクラス`
21. 5.2 データのフォーマット {'ResponseMetadata': {'HTTPStatusCode': 200, 'HTTPHeaders': {'x- powered-by': 'Express', 'content-type': 'application/json; charset=utf-8', 'content-length': '29', 'etag': 'W/"1d-xxxxxLOWYQgV9QLDh5W3w7Uz4sQ"', 'date': 'Fri, 15 Nov 2024 02:28:45 GMT', 'connection': 'keep-alive', 'keep- alive': 'timeout=5'}, 'RetryAttempts': 0}, 'MessageId': 'ses-000404212'} Ctrl + I → `to format`
22. 5.3 エラー修正 Ctrl + I → `/fix` (エラーメッセージの貼り付け) Ctrl + . → "copilotを使用して修正する"
23. 5.4 非推奨コードの修正 選択 → Ctrl + .(or i) → Copilotを使用して変更 する 「xxxx is Deplicated」
24. `/translate SQL #getLINEUserList` `/translate SQLAlchemy #getLINEUserList` 5.5 言語Aから言語Bへ変換する
25. 5.6 Copilot Editで複数ファイルの編集 ※1ヶ月前くらいにリリースされた機能
26. 5.7 定数定義設計からソースへ反映する https://docs.google.com/spreadsheets/d/11iGn3mbMTsfg KTjRO9AsOczDEuLuxFlNGXDZLGMJHUA/edit?usp=sharing
27. 5.8 テーブル定義書からいろいろ https://docs.google.com/spreadsheets/d/11iGn3mbMTsfg KTjRO9AsOczDEuLuxFlNGXDZLGMJHUA/edit?usp=sharing モデルを作成したり。 データ取得、更新処理を作成したり。 Create文を作成したり。
28. 5.8 custom instructionsを使用してコード、テス トの生成、レビューをおこなう .vscode/setitngs.jsonへ設定を記述することでカスタムしたプロ ンプトを指定することが可能。 https://code.visualstudio.com/docs/copilot/copilot- customization プロジェクト固有のレビュー項目等が設定可能 生成についてはまだ調査中で下手すると精度が悪くなる可能性あり
30. 5.9 ショートカットの設定 いくつかの操作をショートカットキーとして登録することでより便利に 使用することが可能 Ctrl + K → Ctrl + S  github.copilot.chat.review (レビュー)  github.copilot.chat.generate (コード生成)  github.copilot.chat.generateDoc (コメント生成)  github.copilot.chat.explain (説明)
31. 6. その他の生成 AIとの違い
32. ChatGPTとGitHub Copilotで何が違う？ ChatGPT GitHub Copilot 要件定義 ◯ × 設計 ◯ × 実装 ◯ ◎ レビュー ◯ ◎ コード分析 ◯ ◎ テスト ◯ ◎ ファイル等形式を指定して出力可 能 プロジェクト全体を参照すること が可能 できることに大きな差があるわけではない UIの違いにより使い勝手が異なる
34. プロジェクト上でドキュメントを管理する DesignDoc.md ソースコード 設計を参照して実装 実装を参照して変更分の反映 ※理論上いけるはず
36. 生成されたコードを理解せずに利用すると、 後々のトラブルシューティングが困難になる。 Copilot に依存しすぎると、開発者のスキルが低 下する可能性
37. 開発プロセスの見直し 1. コードの自動生成、補間 2. GitHub Copilotにコードの説明をしてもらう 3. GitHub Copilotにレビューしてもらう 4. 動作検証、テスト(テストコード) Copilotを利用して理解するプロセスを入れるとより良いものになりそう
38. Copilot = 副操縦士  生成AIの使える、使えないは人によって非常に大きな 乖離があるように感じる。AIに対する捉え方の問題か も  主体はあくまで操縦士である我々にある(少なくとも 今はまだ)  質問、命令が上手い人、言語化が上手い人  あるいは設計力、応用力が重要になってくる  「労力は外注できるが、能力は外注できない」らしい
39. 参考 より詳しく新しい情報を知りたい場合は公式ドキュメントを参照 https://code.visualstudio.com/docs/copilot/overview