後へ      Topへ      次へ

参考：VSCode と GitHub の連携

VSCode から Gitリポジトリを操作できるように設定します。
細かな操作方法は今後変更されていくと思いますが、
大枠の流れは以下で掴めるでしょう。

VS Code から GitHub にサインイン

  1. VS Code 左下のステータスバーにある「アカウント」（人型） をクリック
  2. 「GitHub でサインイン」を含む選択肢をクリック
  3. ブラウザが起動します。
    「Select user to authorize Visual Studio Code」で、
    対象ユーザー名で「Continue」
  4. ポップアップが出て「Authorize Visual-Studio-Code」ボタンがあればクリック。
  5. 「Visual Studio Code を開きますか？」というポップアップが出たら、
    「Visual Studio Code を開く」

GitHub リポジトリをローカルにクローン（clone）

  1. VS Code 左タブの「ソース管理」アイコン（枝分かれマーク）をクリック
  2. 「リポジトリをクローンする」を選択
  3. 「GitHub から複製」をクリック
  4. 「拡張機能 ‘GitHub’ が GitHub を使用してサインインしようとしています」ポップアップが出たら「許可」
  5. 対象の GitHub ユーザー名をクリック
  6. リポジトリ一覧が出るので、対象のリポジトリをクリック
  7. ファイルエクスプローラが起動するので、
    リポジトリを保存する場所の １つ上のフォルダ を指定。
    「リポジトリの宛先として選択」
    (指定したフォルダの下に、リポジトリ名のフォルダが新規作成されます。)
    (同名のフォルダを予め用意しておく必要はありません。)
  8. 「GitHub Sign in」ポップアップが出たら、
    1. 「Sign in with your browser」をクリック
    2. ブラウザが起動。「Authorize Git Credential Manager」の「Authorize git-ecosystem」をクリック
    3. 「Confirm access」で、GitHub の Passowrd を入力し、「Comfirm」をクリック
    4. VSCode に戻る
  9. 「リポジトリを開きますか？」と聞いてくるので「開く」
  10. 「このフォルダー内のファイルの作成者を信頼しますか？」で、「はい、作成者を信頼します」をクリック

GitHub Copilot Chat

GitHub Copilot Chat は、プロンプトを書くとコードを直接編集してくれる強力なツールです。
別途 ChatGPT などでコードを生成してからファイルに貼り付ける作業から解放されるため、
Rails のバージョンアップやリファクタリングなどに使い始めると手放せなくなります。
個人利用なら、制限はあるものの無料版があるので気軽に導入できます。

導入方法ですが、記載現在は拡張機能がビルトインされているようです。

VSCode の拡張機能で GitHub Copilot Chat を検索すると、
機能名の横に ビルトイン、
更に、
「この拡張機能はユーザーによってグローバルに無効化されています」
と表示されています。
  1. VSCode の右下にある GitHub Copilot Sign In にマウスカーソルを当てる
  2. 「AI 機能を使用する」をクリック
  3. ポップアップが出るので、使用条件などを確認した上で、「AI 機能を使用する」をクリック
  4. VSCode の右下にある GitHub Copilot をクリックして、「Copilot Free」と表示される事を確認します。
    そうでない場合は課金される可能性があるので別途対応してください。
  5. 右側に「チャット」ペインが追加されます。
    このペインの下側「次にビルドする内容を説明します」と書かれている部分がプロンプトを入力する欄です。

後へ      Topへ      次へ