GitHub Copilot 開發者訓練營筆記

2023-05-21 02:29 PM

昨天聽了前幾天提到的 GitHub Copilot 開發者訓練營(錯過的同學莫急莫慌，YouTube 上有直播錄影可以看)。

由於我已經用了大半年 Github Copilot，天天有驚喜，研討會講的內容沒讓我嚇到吃手手。但還是有學到不少新東西，整理如下：

Github Copilot Chat

可以跟 GPT-4 針對目前編修中的程式碼坐下來聊，討論程式要怎麼寫。應用範例：

選取一段程式，在聊天視窗下指令，請 AI 找出錯誤並修正，按 Paste 將 AI 修改版本貼上取代原有內容
選取一段程式，下指令請 AI 解釋(可指定使用中文)
選取一段程式，下指令翻譯成另一種語言(例如：JavaScript 轉 C#、Python、C++...)
選取一段程式，下指令生成測試案例

註1：GPT-4 可支援到 32K Token，意思是 AI 可以依據一大段程式給建議
註2：Copilot Chat 目前處於 Private Beta 階段，可申請加入等侯清單，我已排到在試用中，限於封測保密條款不能公開分享，大家可參考 Scott Hanselman 的現場展示。

Github Copilot Chat 實際展示

Github Next

除了 Github Copilot 及 Github Copilot Chat 外，其實 Github 還有推出一堆新玩具，大部分在測試或預覽階段，有興趣試用的同學可以去排隊(下圖中有標 WAITLIST 、USABLE PROTOTYPE 的項目)，研討會有介紹了其中幾項，我整理在後面：

Github Copilot Labs

把 Copilot Chat 功能包裝成快速輸入介面，提供輸入選項，按下 Ask Copilot 得到結果。
如下圖，選取程式碼後會同時出現在 Explain、Translate、Test Generation 區塊，可請 Copilot 解釋、翻譯成其他語言、及生成測試案例，其中生成測試案例功能，若語言為 JavaScript 甚至可直接跑測試。 Brushes 還有一堆功能。

Code Brushes

仿效 Photoshop 的筆刷功能，點一下美化程式碼

將程式碼轉成可讀性更高的寫法
例如將 return a == null || b == null ? NaN : a < b ? -1 : a > b ? 1 : a >= b ? 0 : NaN; 轉成
```
if (a == null || b == null) { return NaN; } 
else if (a < b) { return -1; }
else if (a > b) { return 1; }....
```
修復簡單錯誤 (找出 Typo：lo 誤打成 low)
自動加入 Debug 輸出：console.log('x = ', x, 'lo = ', lo...)
CSS 自動補上 -webkit-* -moz-* 版宣告
依據 Coding Style 調整程式

詳細展示