GitHub Copilotの使い方をおさらいしてみます
手になじむませたいですね
始めるのは GitHub Copilot · Your AI pair programmer から始めてください
VSCodeに GitHub Copilot - Visual Studio Marketplace を入れて試します
Ctrl + Enter
でサジェスチョンを表示/*
Create a basic markdown editor in Next.js with the following features:
- Use react hooks
- Create state for markdown with default text "type markdown here"
- A text area where users can write markdown
- Show a live preview of the markdown text as I type
- Support for basic markdown syntax like headers, bold, italics
- Use React markdown npm package
- The markdown text and resulting HTML should be saved in the component's state and updated in real time
*/
と、コメントを書くとその下でコードサジェスチョンが指示に従います
function reverseSentences(sentences) {
// first, let's split the sentences into words
const words = sentences.split(' ')
// second, let's reverse the words
}
コードサジェスチョンが指示に従っていきます
// Map through an array of arrays of objects
// Example: Extract names from the data array
// Desired outcome: ['John', 'Jane', 'Bob']
const data = [
[{ name: 'John', age: 25 }, { name: 'Jane', age: 30 }],
[{ name: 'Bob', age: 40 }]
];
Copilotに例を示すと、よりいいコードサジェスチョンが返ってきます
あいまいな指示だとあいまいなコードがでがち
VSCodeでCopilotが見てほしいファイルは開いておきます
変数名や関数名は何をするか分かる命名にすると、よりいいコードサジェスチョンが返ってきます
/explain
で解説してもらえます
#editor
でVSCodeで開いているファイルについて質問できます
#selection
で選択しているコードについて質問できます
@terminal
でターミナルについて聞けます
他にもあるので #
や @
や /
を入力して候補をチェックしてみてください
左のサイドバーの Chat: Copilot をクリックして開き、入力フォームで上キーを押すと候補が選べます
引用元:
How to use GitHub Copilot: Prompts, tips, and use cases - The GitHub Blog
Using GitHub Copilot in your IDE: Tips, tricks and best practices - The GitHub Blog
PR
読んでよかったAIの本です
読み物として面白かったです
このリンクは、アフィリエイトリンクです