LoginSignup
2
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

@NkcNakano0203

学生がGitHubEducationを使ってGitHubCopilotを導入した話

Last updated at Posted at 2024-03-05

始まり

GitHubCopilot(Chat)を使いたくてたまらなくなったので勝手に申請した話です。
導入するエディタはVS2022とVScodeです。
学生なら、タダ！
注意：導入後に執筆し始めて、友人のスクショを借りているのでアカウントがたまに変わります

必要な物

  • 学生証
  • 所属学校の英語名
  • 二段階認証済みのGitHubアカウント(おススメはGitHubモバイルでの認証)
  • Webカメラ
  • 英語に負けないやる気（翻訳機能で代用可能）

GitHubEducationの申請編

申請ページを見つける

このページです。
image.png

参考公式リファレンス

学校情報を入力する

  1. 上の画像の[学生です]ボタンを押す。
    すると下画像のページになり、デフォルトでStudentが選択されてるので下にスクロール
    image.png

  2. 学校名の入力
    公認の略称でも良さそうです
    例) NKC(Nagoya Kogakuin College of Technology)
    image.png

二段階認証しないと進めません
image.png

  1. 学校から貰ったメールアドレスをGitHubアカウントに登録する
  • 登録済みならスキップ！
    image.png

  1. 学生証を登録する
    筆者が最もつまづいたところです。
    ファイル選択で写真をあげても申請が始まりませんでした。
    PCについてるカメラやWebカメラで文字が読めるくらいのいい感じさで撮りましょう。
    image.png
    image.png
    [写真を撮る]ボタンがある領域に写真が表示されたら[申請を開始する]ボタンを押しましょう。

  2. 申請完了
    この画面になったらゲームクリアです。申請受理は3,4日くらいかかります。
    image.png

最初のこのページから申請状況が確認できます。
image2.png

GitHubCopilot(Chat)の導入編

申請が受理されたことを確認する

いつものページとか、プロフィールから確認できます。
image.png
image.png
GithubのPROって名乗れます！

VisualStudio編

VisualStudio2022(以下VS)以降じゃないとダメらしいです。
参考：MS公式リファレンス

  1. エディタ内ヘッダーの拡張機能＞拡張機能の管理(Manage Extensions...)を開きます
    image.png

  2. 検索窓にGithubかcopilotを入れて画像の上２つをダウンロードします。
    image.png

  3. VSのアカウント設定からGitHubアカウントを追加する
    image.png
    image.png

  4. 再起動してインストールプロセスの完了を待つ
    出力ウィンドウでいい感じに処理入るのが見れます。
    Successfully authorized GitHub Copilot.が見れたら起動完了です。
    image.png

VScode編

左のツールバー?の拡張機能欄から検索窓にGithub Copilotを入力して画像上２つをインストールします。
image.png

使い方

VS2022編

Copilotの使い方
コメントを書くといい感じに生成してくれたりします。
image.png

CopilotChatの使い方

  1. 表示＞GitHubCopilotチャットでウィンドウを開きます。
    image.png
  2. 質問内容を書き込みます(/でコマンドを選択、#でコードを選択)
    image.png
    [プレビュー]ボタンを押すとスクリプトの方で比較を見ることもできます
    image.png

VScode編

CopilotChatの使い方
左のチャット欄から質問内容を書き込みます
コードは開いてるワークスペースから自動で読み込まれます。
image.png

カーソルに挿入から比較して見ることができます。
image.png

終わり

いかがでしたか！お役に立てれば幸いです！

2
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
Sign upLogin
2
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?