Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationEventAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
78
Help us understand the problem. What are the problem?

More than 3 years have passed since last update.

@elu_jaune

VisualStudioとGitHubを連携させてみた

はじめに

一人作業がメインなのだが、GitHubに成果物を公開する癖をつけておきたいので、VisualStudioとGitHubを連携させてみた。

システム要件

必要コンポーネント

  • Git for Windowws

WindowsOSからGit操作をするためにはGitクライアントを導入する必要がある。Gitクライアントがインストールされていないと、後の操作で警告が表示され、先に進めることができない。
※本環境では2.16.3を使用。

Screenshot_NoName_2018-4-2_20-25-6_No-00.png

VisualStudio環境

Visual Studioの更新プログラム"15.6.27428.2037"を適用しないとちゃんと同期できなかった。

導入

1.Git for Windowsをインストールする

Gitのインストールについては別Tipsとしてまとめたいので、ここでは紹介しません。

2.Visual StudioにGitHub連携コンポーネントをインストールする

[ツールと機能の取得]からGitHub連携コンポーネントをインストールする
Screenshot_NoName_2018-4-2_20-14-1_No-00.png

※本環境ではバージョン2.4.3.1737を使用。

3.Visual Studioの更新を適用する

VisualStudioのバージョンが古いとGit連携操作でエラーが出てしまうことがある。

  1. [ツール]-[拡張機能と更新プログラム]をクリック。
    Screenshot_NoName_2018-4-3_22-0-27_No-00.png

  2. VisualStudioの更新があった場合は[更新]を実行。
    Screenshot_NoName_2018-4-3_22-0-34_No-00.png

4.Githubに接続する

  1. [チームエクスプローラー]を表示。
    Screenshot_NoName_2018-4-2_20-40-46_No-00.png

  2. GitHubの[Sign up]をクリックし、GitHubのアカウント情報を入力。
    Screenshot_NoName_2018-4-2_20-41-14_No-00.png

  3. GitHub認証が完了したらレポジトリ操作が可能になる。
    Screenshot_NoName_2018-4-2_20-41-43_No-00.png

5. クローンを作成する

  1. [clone]をクリックし、Githubに作成済みのレポジトリからクローンを作成する。
    Screenshot_NoName_2018-4-2_20-41-43_No-00.png

  2. GitHubに作成したレポジトリと、ソースの保管先を指定し、[Clone]をクリック。
    Screenshot_NoName_2018-4-3_4-31-34_No-00.png

  3. GitHubからクローンを作成したことを確認。
    Screenshot_NoName_2018-4-3_4-40-50_No-00.png

  4. 開くとGitHubの[Code]に表示されているものが確認できる。
    Screenshot_NoName_2018-4-3_4-49-33_No-00.png

6.変更(コミット)と同期(プッシュ)のテスト

  1. テキトーに新しい項目(クラスだったりビットマップだったり)を追加。
  2. チームエクスプローラーにて、[変更]をクリック。
    Screenshot_NoName_2018-4-3_22-11-43_No-00.png

  3. 変更理由を記載し、[すべてをコミット]をクリック。
    Screenshot_NoName_2018-4-3_22-16-12_No-00.png

    Screenshot_NoName_2018-4-3_22-14-12_No-00.png

  4. コミットがローカルGitに作成されたら、[同期]をクリック。
    Screenshot_NoName_2018-4-3_22-17-18_No-00.png

  5. [出力方向のコミット]にある[プッシュ]をクリック。
    Screenshot_NoName_2018-4-3_22-18-12_No-00.png

  6. ブランチのプッシュが開始される。[プッシュされました。]が表示されたら同期完了。
    Screenshot_NoName_2018-4-3_22-18-24_No-00.png

    Screenshot_NoName_2018-4-3_22-18-39_No-00.png

所感

次はGitの使い方についてまとめてみようと思う。
わかったつもりになれる概要と使用イメージのまとめかなー。

参考

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
78
Help us understand the problem. What are the problem?