visual studio2013からgithubへpushする方法
DESCRIPTION
VisualStudio2013の標準機能を使って、Githubへファイルをアップする方法TRANSCRIPT
![Page 1: Visual studio2013からGithubへPushする方法](https://reader034.vdocuments.net/reader034/viewer/2022052523/55660602d8b42aa6628b4ca4/html5/thumbnails/1.jpg)
12/11/2013
VisualStudio2013 から
GithubへPushする方法
Twitter:@kawakawa
![Page 2: Visual studio2013からGithubへPushする方法](https://reader034.vdocuments.net/reader034/viewer/2022052523/55660602d8b42aa6628b4ca4/html5/thumbnails/2.jpg)
12/11/2013
VS2012までは、Githubへアップロードするには、デフォルトでは出来ず、 VS拡張機能(ツール)を使って、アップロードを行う必要がありました。
その中で、MicroSoft社製の「Visual Studio Tools for Git」は、VSとの親和性も高く、使いやすいツールでした。
VisualStudio2012までのやり方は?
![Page 3: Visual studio2013からGithubへPushする方法](https://reader034.vdocuments.net/reader034/viewer/2022052523/55660602d8b42aa6628b4ca4/html5/thumbnails/3.jpg)
12/11/2013
そんな「Visual Studio Tools for Git」ですが、 VS2013では内部に統合され、デフォルト機能となりました。 そんな身近になったツールを使って、 VSからGithubへの、簡単なアップロード手順を まとめてみたいと思います。
VisualStudio2013になって
![Page 4: Visual studio2013からGithubへPushする方法](https://reader034.vdocuments.net/reader034/viewer/2022052523/55660602d8b42aa6628b4ca4/html5/thumbnails/4.jpg)
12/11/2013
前置き終了! ここからスタートです。
![Page 5: Visual studio2013からGithubへPushする方法](https://reader034.vdocuments.net/reader034/viewer/2022052523/55660602d8b42aa6628b4ca4/html5/thumbnails/5.jpg)
12/11/2013
まずはVisualStudio2013を起動だ!
画面例では、「VS Express2013 for Desktop」で作業します。
![Page 6: Visual studio2013からGithubへPushする方法](https://reader034.vdocuments.net/reader034/viewer/2022052523/55660602d8b42aa6628b4ca4/html5/thumbnails/6.jpg)
12/11/2013
新規プロジェクト作成
画材例では、コンソール アプリを選択
![Page 7: Visual studio2013からGithubへPushする方法](https://reader034.vdocuments.net/reader034/viewer/2022052523/55660602d8b42aa6628b4ca4/html5/thumbnails/7.jpg)
12/11/2013
「OK」ボタンを押すその前に!
「ソース管理に追加」にチェックをつけて、 「OK」を押します
![Page 8: Visual studio2013からGithubへPushする方法](https://reader034.vdocuments.net/reader034/viewer/2022052523/55660602d8b42aa6628b4ca4/html5/thumbnails/8.jpg)
12/11/2013
ソース管理システムの選択
Githubに接続したいので、「Git」を選択します。 (後で、変更もできます)
![Page 9: Visual studio2013からGithubへPushする方法](https://reader034.vdocuments.net/reader034/viewer/2022052523/55660602d8b42aa6628b4ca4/html5/thumbnails/9.jpg)
12/11/2013
プロジェクトが起ち上がりました
![Page 10: Visual studio2013からGithubへPushする方法](https://reader034.vdocuments.net/reader034/viewer/2022052523/55660602d8b42aa6628b4ca4/html5/thumbnails/10.jpg)
12/11/2013
「チームエクスプローラ」が表示されてない場合
Githubへのアップロードは、「チームエクスプローラ」から行います。
もし、プロジェクト画面内に、「チームエクスプローラ」が表示されていない場合は、表示させるようにしておきます。
こんな画面が、 チームエクスプローラ
![Page 11: Visual studio2013からGithubへPushする方法](https://reader034.vdocuments.net/reader034/viewer/2022052523/55660602d8b42aa6628b4ca4/html5/thumbnails/11.jpg)
12/11/2013
「チームエクスプローラ」の表示方法
「表示」→「チームエクスプローラ」を選択
![Page 12: Visual studio2013からGithubへPushする方法](https://reader034.vdocuments.net/reader034/viewer/2022052523/55660602d8b42aa6628b4ca4/html5/thumbnails/12.jpg)
12/11/2013
Gitの設定
「チームエクスプローラ」で「設定」をクリック
「チームエクスプローラ」 ヘッダーの 家アイコンで、 ホーム画面に 遷移できます。
![Page 13: Visual studio2013からGithubへPushする方法](https://reader034.vdocuments.net/reader034/viewer/2022052523/55660602d8b42aa6628b4ca4/html5/thumbnails/13.jpg)
12/11/2013
Gitの設定
「Git設定」をクリック
![Page 14: Visual studio2013からGithubへPushする方法](https://reader034.vdocuments.net/reader034/viewer/2022052523/55660602d8b42aa6628b4ca4/html5/thumbnails/14.jpg)
12/11/2013
Gitの設定
※ユーザ名 何でも良いです。
まあ、メルアドが妥当でしょうか。
※電子メールアドレス Githubに登録している メルアド
※規定のリポジトリ場所 デフォルトのままでOK
![Page 15: Visual studio2013からGithubへPushする方法](https://reader034.vdocuments.net/reader034/viewer/2022052523/55660602d8b42aa6628b4ca4/html5/thumbnails/15.jpg)
12/11/2013
リモートリポジトリの設定
「同期されていないコミット」をクリック
![Page 16: Visual studio2013からGithubへPushする方法](https://reader034.vdocuments.net/reader034/viewer/2022052523/55660602d8b42aa6628b4ca4/html5/thumbnails/16.jpg)
12/11/2013
リモートリポジトリの設定
接続した、GithubのリポジトリURLをコピペしてます
※コピーするURLは、 「HTTPS」
![Page 17: Visual studio2013からGithubへPushする方法](https://reader034.vdocuments.net/reader034/viewer/2022052523/55660602d8b42aa6628b4ca4/html5/thumbnails/17.jpg)
12/11/2013
リモートリポジトリの設定
コピペしたURLを張り付けて、「発行」
![Page 18: Visual studio2013からGithubへPushする方法](https://reader034.vdocuments.net/reader034/viewer/2022052523/55660602d8b42aa6628b4ca4/html5/thumbnails/18.jpg)
12/11/2013
リモートリポジトリの設定
Githubへの接続アカウントを問われるので、 ユーザ名(メルアド)、パスワードを入力
![Page 19: Visual studio2013からGithubへPushする方法](https://reader034.vdocuments.net/reader034/viewer/2022052523/55660602d8b42aa6628b4ca4/html5/thumbnails/19.jpg)
12/11/2013
突然のエラー警告・・・
通常手順でGithubへ
の接続手順を行うと、Githubがもつ分岐「master」とローカル分岐「master」が競合してしまいます。
面倒なので、ローカルに新しい分岐を作成することにします。
19
![Page 20: Visual studio2013からGithubへPushする方法](https://reader034.vdocuments.net/reader034/viewer/2022052523/55660602d8b42aa6628b4ca4/html5/thumbnails/20.jpg)
12/11/2013
分岐の設定
「master」→「分岐の管理」をクリック
![Page 21: Visual studio2013からGithubへPushする方法](https://reader034.vdocuments.net/reader034/viewer/2022052523/55660602d8b42aa6628b4ca4/html5/thumbnails/21.jpg)
12/11/2013
分岐の設定
「新しい分岐」を選択し、分岐名入力(画面ではDevelop) その後、「分岐の作成」をクリック
![Page 22: Visual studio2013からGithubへPushする方法](https://reader034.vdocuments.net/reader034/viewer/2022052523/55660602d8b42aa6628b4ca4/html5/thumbnails/22.jpg)
12/11/2013
分岐の設定
「発行されていない分岐」エリアに、 作成した分岐が表示されていることを確認
※分岐「master」はこの
時に、右クリックで削除してもOKです。
![Page 23: Visual studio2013からGithubへPushする方法](https://reader034.vdocuments.net/reader034/viewer/2022052523/55660602d8b42aa6628b4ca4/html5/thumbnails/23.jpg)
12/11/2013
分岐の発行
発行したい分岐を右クリックし、「分岐の発行」をクリック 「発行された分岐」エリアに表示された事を確認
![Page 24: Visual studio2013からGithubへPushする方法](https://reader034.vdocuments.net/reader034/viewer/2022052523/55660602d8b42aa6628b4ca4/html5/thumbnails/24.jpg)
12/11/2013
いよいよ、GithubへPush!
「変更」をクリックします
![Page 25: Visual studio2013からGithubへPushする方法](https://reader034.vdocuments.net/reader034/viewer/2022052523/55660602d8b42aa6628b4ca4/html5/thumbnails/25.jpg)
12/11/2013
いよいよ、GithubへPush!
変更のメッセージ欄に、コミット内容を記入して、 「コミット」をクリック
この時、一気にコミット&プッシュする事も可能です。
![Page 26: Visual studio2013からGithubへPushする方法](https://reader034.vdocuments.net/reader034/viewer/2022052523/55660602d8b42aa6628b4ca4/html5/thumbnails/26.jpg)
12/11/2013
いよいよ、GithubへPush!
まずは、ローカルリポジトリに コミットできたことを確認
![Page 27: Visual studio2013からGithubへPushする方法](https://reader034.vdocuments.net/reader034/viewer/2022052523/55660602d8b42aa6628b4ca4/html5/thumbnails/27.jpg)
12/11/2013
いよいよ、GithubへPush!
「同期されていないコミット」をクリックし、 「同期」をクリック
![Page 28: Visual studio2013からGithubへPushする方法](https://reader034.vdocuments.net/reader034/viewer/2022052523/55660602d8b42aa6628b4ca4/html5/thumbnails/28.jpg)
12/11/2013
いよいよ、GithubへPush!
同期完了を確認。プッシュできました。
![Page 29: Visual studio2013からGithubへPushする方法](https://reader034.vdocuments.net/reader034/viewer/2022052523/55660602d8b42aa6628b4ca4/html5/thumbnails/29.jpg)
12/11/2013
Github上で変更を確認
ブランチを発行した分岐(例ではDevelop)に 変更して、変更履歴を確認
無事、Github上で、プッシュされた事を確認できました
![Page 30: Visual studio2013からGithubへPushする方法](https://reader034.vdocuments.net/reader034/viewer/2022052523/55660602d8b42aa6628b4ca4/html5/thumbnails/30.jpg)
12/11/2013
でも、出来る事は限られている・・・
この状態でもソースの変更箇所の差分確認などは、
行えますが、ソースレビューを依頼したり、バッグログと結びつけたり・・・などはTFSに接続しないと出来ません。
![Page 31: Visual studio2013からGithubへPushする方法](https://reader034.vdocuments.net/reader034/viewer/2022052523/55660602d8b42aa6628b4ca4/html5/thumbnails/31.jpg)
12/11/2013
Github連携で よくある疑問
![Page 32: Visual studio2013からGithubへPushする方法](https://reader034.vdocuments.net/reader034/viewer/2022052523/55660602d8b42aa6628b4ca4/html5/thumbnails/32.jpg)
12/11/2013
◆質問その1
「同期」ボタンが押せなくて、 Githubと同期できないけど、何で?
ボタンが押せない
![Page 33: Visual studio2013からGithubへPushする方法](https://reader034.vdocuments.net/reader034/viewer/2022052523/55660602d8b42aa6628b4ca4/html5/thumbnails/33.jpg)
12/11/2013
◆回答その1
新しく分岐を作成した場合、 分岐を発行しないと同期ボタンが
アクティブになりません。
![Page 34: Visual studio2013からGithubへPushする方法](https://reader034.vdocuments.net/reader034/viewer/2022052523/55660602d8b42aa6628b4ca4/html5/thumbnails/34.jpg)
12/11/2013
◆質問その2
Githubからクローンしたいけど 方法は?
![Page 35: Visual studio2013からGithubへPushする方法](https://reader034.vdocuments.net/reader034/viewer/2022052523/55660602d8b42aa6628b4ca4/html5/thumbnails/35.jpg)
12/11/2013
◆回答その2
接続画面でローカルGitリポジトリの「複製」を選択、 リモートリポジトリ(画面内の赤枠)に クローンしたいリポジトリURLを入力するとクローンできます。
![Page 36: Visual studio2013からGithubへPushする方法](https://reader034.vdocuments.net/reader034/viewer/2022052523/55660602d8b42aa6628b4ca4/html5/thumbnails/36.jpg)
12/11/2013
◆質問その3
途中で、Githubのリポジトリを 変えたいのだけど方法は?
![Page 37: Visual studio2013からGithubへPushする方法](https://reader034.vdocuments.net/reader034/viewer/2022052523/55660602d8b42aa6628b4ca4/html5/thumbnails/37.jpg)
12/11/2013
◆回答その3
残念ながら、一度設定したリモート・リポジトリを変更 する方法は判りませんでした。 (もしご存知の方いらっしゃいましたら、教えてください) Githubのリポジトリを、新しいリポジトリに複製を行い、そ
のリポジトリをクローンすれば、疑似的にリモート・リポジトリの変更を、行えることになります。