Help us understand the problem. What is going on with this article?

VisualStudioとGitHubを連携させてみた

More than 1 year has passed since last update.

はじめに

一人作業がメインなのだが、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の使い方についてまとめてみようと思う。
わかったつもりになれる概要と使用イメージのまとめかなー。

参考

elu_jaune
2000年頃にITエンジニアデビュー。 solaris、windowsのインフラ管理を3年経験。 ajax、pearが出始めた頃にphpプログラミングを2年経験。 Windows Server OSをメインに活動して早13年。 久しぶりにlinuxを触ることになったのでlinuc取得に向けて勉強中。
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
Comments
No comments
Sign up for free and join this conversation.
If you already have a Qiita account
Why do not you register as a user and use Qiita more conveniently?
You need to log in to use this function. Qiita can be used more conveniently after logging in.
You seem to be reading articles frequently this month. Qiita can be used more conveniently after logging in.
  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
ユーザーは見つかりませんでした