VisualStudio2013の標準機能を使って、Githubへファイルをアップする方法

1. VisualStudio2013
から
GithubへPushする方法
Twitter：@kawakawa
12/11/2013

2. VisualStudio2012までのやり方は？
VS2012までは、Githubへアップロードするには、
デフォルトでは出来ず、
VS拡張機能（ツール）を使って、アップロードを行
う必要がありました。
その中で、MicroSoft社製の「Visual Studio Tools
for Git」は、VSとの親和性も高く、使いやすいツー
ルでした。
12/11/2013

3. VisualStudio2013になって
そんな「Visual Studio Tools for Git」ですが、
VS2013では内部に統合され、デフォルト機能とな
りました。
そんな身近になったツールを使って、
VSからGithubへの、簡単なアップロード手順を
まとめてみたいと思います。
12/11/2013

4. 前置き終了！
ここからスタートです。
12/11/2013

5. まずはVisualStudio２０１３を起動だ！
画面例では、「VS Express2013 for Desktop」で作業します。
12/11/2013

6. 新規プロジェクト作成
画材例では、コンソール アプリを選択
12/11/2013

7. 「OK」ボタンを押すその前に！
「ソース管理に追加」にチェックをつけて、
「OK」を押します
12/11/2013

8. ソース管理システムの選択
Githubに接続したいので、「Git」を選択します。
（後で、変更もできます）
12/11/2013

9. プロジェクトが起ち上がりました
12/11/2013

10. 「チームエクスプローラ」が表示されてない場合
Githubへのアップロードは、「チームエクスプローラ」
から行います。
もし、プロジェクト画面内に、「チームエクスプロー
ラ」が表示されていない場合は、表示させるようにし
ておきます。
こんな画面が、
チームエクスプローラ
12/11/2013

11. 「チームエクスプローラ」の表示方法
「表示」→「チームエクスプローラ」を選択
12/11/2013

12. Gitの設定
「チームエクスプローラ」で「設定」をクリック
「チームエクス
プローラ」
ヘッダーの
家アイコンで、
ホーム画面に
遷移できます。
12/11/2013

13. Gitの設定
「Git設定」をクリック
12/11/2013

14. Gitの設定
※ユーザ名
何でも良いです。
まあ、メルアドが妥当で
しょうか。
※電子メールアドレス
Githubに登録している
メルアド
※規定のリポジトリ場所
デフォルトのままでOK
12/11/2013

15. リモートリポジトリの設定
「同期されていないコ
ミット」をクリック
12/11/2013

16. リモートリポジトリの設定
接続した、GithubのリポジトリURLをコピペしてます
※コピーするURLは、
「HTTPS」
12/11/2013

17. リモートリポジトリの設定
コピペしたURLを張り付けて、「発行」
12/11/2013

18. リモートリポジトリの設定
Githubへの接続アカウントを問われるので、
ユーザ名（メルアド）、パスワードを入力
12/11/2013

19. 突然のエラー警告・・・
通常手順でGithubへ
の接続手順を行うと、
Githubがもつ分岐
「master」とローカル
分岐「master」が競合
してしまいます。
面倒なので、ローカ
ルに新しい分岐を作
成することにします。
12/11/2013
19

20. 分岐の設定
「master」→「分岐の管理」をクリック
12/11/2013

21. 分岐の設定
「新しい分岐」を選択し、分岐名入力（画面ではDevelop）
その後、「分岐の作成」をクリック
12/11/2013

22. 分岐の設定
「発行されていない分岐」エリアに、
作成した分岐が表示されていることを確認
※分岐「master」はこの
時に、右クリックで削除
してもOKです。
12/11/2013

23. 分岐の発行
発行したい分岐を右クリックし、「分岐の発行」をクリック
「発行された分岐」エリアに表示された事を確認
12/11/2013

24. いよいよ、GithubへPush！
「変更」をクリックします
12/11/2013

25. いよいよ、GithubへPush！
変更のメッセージ欄に、コミット内容を記入して、
「コミット」をクリック
この時、一気にコミット＆プッシュする事も可能です。
12/11/2013

26. いよいよ、GithubへPush！
まずは、ローカルリポジトリに
コミットできたことを確認
12/11/2013

27. いよいよ、GithubへPush！
「同期されていないコミット」をクリックし、
「同期」をクリック
12/11/2013

28. いよいよ、GithubへPush！
同期完了を確認。プッシュできました。
12/11/2013

29. Github上で変更を確認
ブランチを発行した分岐（例ではDevelop）に
変更して、変更履歴を確認
無事、Github上で、プッシュされた事を確認できました
12/11/2013

30. でも、出来る事は限られている・・・
この状態でもソースの変更箇所の差分確認などは、
行えますが、ソースレビューを依頼したり、バッグログと結
びつけたり・・・などはTFSに接続しないと出来ません。
12/11/2013

31. Github連携で
よくある疑問
12/11/2013

32. ◆質問その１
「同期」ボタンが押せなくて、
Githubと同期できないけど、何で？
ボタンが押せない
12/11/2013

33. ◆回答その１
新しく分岐を作成した場合、
分岐を発行しないと同期ボタンが
アクティブになりません。
12/11/2013

34. ◆質問その２
Githubからクローンしたいけど
方法は？
12/11/2013

35. ◆回答その２
接続画面でローカルGitリポジトリの「複製」を選択、
リモートリポジトリ（画面内の赤枠）に
クローンしたいリポジトリURLを入力するとクローンできます。
12/11/2013

36. ◆質問その３
途中で、Githubのリポジトリを
変えたいのだけど方法は？
12/11/2013

37. ◆回答その３
残念ながら、一度設定したリモート・リポジトリを変更
する方法は判りませんでした。
（もしご存知の方いらっしゃいましたら、教えてください）
Githubのリポジトリを、新しいリポジトリに複製を行い、そ
のリポジトリをクローンすれば、疑似的にリモート・リポジ
トリの変更を、行えることになります。
12/11/2013