Visual Studio2013 でGithub(1) セットアップ～同期

1. Visual Studio 2013で
Github (1)
セットアップ～同期
Tomo Mizoe
July Inc.
@tmizoe

2. About me
• Tomo Mizoe
• CEO & Founder of July Inc.
• http://www.july.co.jp
• Twitter: @tmizoe
• マイクロソフト認定トレーナー
• マイクロソフト認定ソリューションデベロッパー
• Windows Store Apps using HTML5 and JavaScript
• Web Applications

3. 必要なもの
• Visual Studio 2013以降
• 無料のCommunity EditionでOK
• 2013からは標準でGitクライアントが入っています。
• 2012以前でも、拡張機能 Visual Studio Tools for Git を
インストールすれば良いようです。
• Githubのアカウント

4. Githubのアカウントがない場合は取得する
• https://github.com/
• 名前、メールアドレス、パスワードを指定するだけ

5. 作業の流れ セットアップ ～ プッシュ
• [Visual Studio] セットアップ
Gitが使えるようにします。２回目以降は不要
• [Github] レポジトリ作成
• [Visual Studio] ローカルにクローン
• [Visual Studio] ファイル追加
• [Visual Studio] コミット＆プッシュ
• [Github] ファイル更新を確認
※ Gitの説明はほとんどありません。
必要ならほかの資料をあたってください。

6. [Visual Studio] セットアップ
ツール ⇒ オプション
⇒ソース管理
⇒プラグインの選択
⇒現在のソース管理プラグイン
「Microsoft Git Provider」
に変更

7. [Github] レポジトリを新規作成
新しいレポジトリを作って、Visual Studio で
読み込んでみよう
「＋」ボタン
⇒ New repository
このリンクでもOK

8. [Github] レポジトリの設定
• Repository name:
Sandbox (何でも良い）
• Add .gitignore :
Visual Studio
無視するファイルリスト。
これ重要。

9. [Github] レポジトリができた
• 複製（クローン）を作るためのURL
クリップボードにコピーしておく

10. Visual Studio でクローン
• 表示 ⇒ チームエクスプローラ

11. [Visual Studio] チームエクスプローラでクローン
• ローカルGitレポジトリ
⇒ 複製
複製ボタンを押す
URLを
ペースト
（２ページ
前でコピー
したやつ）

12. [Visual Studio] クローンができた
• C:Users(ユーザ名)SourceRepos(レポジトリ名)
ダブルクリックで
開く

13. [参考] サードパーティ製Gitコマンドプロンプトツール
• git stashなどが使えるようになる
• 詳しくは「ヘルプ」のリンク先へ
• ×で閉じてしまっても今はOK

14. [Visual Studio] レポジトリにソリューションを追加
• ソリューション ⇒ 新規作成…

15. • いつものようにソリューション追加。
ここでは C# のコンソールアプリケーションを作っ
てみます。ソリューション名 ConsoleApplication1
• 「ソース管理に追加」＝オンを確認

16. • いちおうHello World って書いておきましょうか

17. [Visual Studio] コミットの準備
• ローカルにコミットします
• 再びチームエクスプローラでの作業
• ホームボタン🏠 ⇒ プロジェクト ⇒ 変更

18. ユーザ名・メールアドレスを入力
• 初回のみ必要
• 「構成」ボタン
⇒Githubのユーザ名、メール
アドレスを入力
⇒「サードパーティーソース
からの作成者の….」はオン

19. [Visual Studio] コミット実行
• ファイルの確認
• 「含まれる変更」に入っているか
• ConsoleApplication1
• Properties
• AssemblyInfo.cs
• App.config
• ConsoleApplication1.csproj
• Program.cs
• ConsoleAPplication1.sln
• 「除外される変更」、「追加対象
でないファイル」も一応確認
• コミットメッセージを入力
例）最初のバージョン
• コミットボタンを押す

20. コミット成功の確認、プル＆プッシュ（同期）
• 「同期されていないコミット」
• 同期ボタン
• GithubのIDとパスワード

21. [Visual Studio] 同期の確認
• 操作 ⇒ 履歴の表示

22. [Visual Studio] 同期の確認
• 最新のバージョンをダブルクリックするとコミットの
詳細ウィンドウが開く。変更項目を確認

23. Githubも更新されているかな？
• 2 commits になった。
このリンクをクリック
• コミットが二つに増えた

24. あとは煮るなり焼くなり
所感：
スタッシュも使えるようにしてほしいなあ