Download - basic operation about git
![Page 1: basic operation about git](https://reader034.vdocuments.site/reader034/viewer/2022042706/587887ad1a28ab466c8b77eb/html5/thumbnails/1.jpg)
• sourceTreeのインストール
• git• リモートリポジトリ作成• ローカルリポジトリ作成
• add, commit, push
![Page 2: basic operation about git](https://reader034.vdocuments.site/reader034/viewer/2022042706/587887ad1a28ab466c8b77eb/html5/thumbnails/2.jpg)
SourceTreeのインストール• https://www.sourcetreeapp.com/ よりダウンロード
クリックしてDL
![Page 3: basic operation about git](https://reader034.vdocuments.site/reader034/viewer/2022042706/587887ad1a28ab466c8b77eb/html5/thumbnails/3.jpg)
• ダウンロードされたファイルを実行してインストール
クリックしてインストール開始
![Page 4: basic operation about git](https://reader034.vdocuments.site/reader034/viewer/2022042706/587887ad1a28ab466c8b77eb/html5/thumbnails/4.jpg)
• セットアップウィザードが開始
![Page 5: basic operation about git](https://reader034.vdocuments.site/reader034/viewer/2022042706/587887ad1a28ab466c8b77eb/html5/thumbnails/5.jpg)
• インストール先を選択
![Page 6: basic operation about git](https://reader034.vdocuments.site/reader034/viewer/2022042706/587887ad1a28ab466c8b77eb/html5/thumbnails/6.jpg)
• インストールの準備完了
![Page 7: basic operation about git](https://reader034.vdocuments.site/reader034/viewer/2022042706/587887ad1a28ab466c8b77eb/html5/thumbnails/7.jpg)
• セットアップ終了
![Page 8: basic operation about git](https://reader034.vdocuments.site/reader034/viewer/2022042706/587887ad1a28ab466c8b77eb/html5/thumbnails/8.jpg)
Source Treeの初期設定• 最初に起動するとこんな感じ
• 「ライセンスに同意してね」とのこと
![Page 9: basic operation about git](https://reader034.vdocuments.site/reader034/viewer/2022042706/587887ad1a28ab466c8b77eb/html5/thumbnails/9.jpg)
• gitなどのインストールがはじまる
• グローバル設定ファイルを作るかどうか尋ねられる
![Page 10: basic operation about git](https://reader034.vdocuments.site/reader034/viewer/2022042706/587887ad1a28ab466c8b77eb/html5/thumbnails/10.jpg)
• アカウントの有無を尋ねられる
• SSHキーの設定について尋ねられる
![Page 11: basic operation about git](https://reader034.vdocuments.site/reader034/viewer/2022042706/587887ad1a28ab466c8b77eb/html5/thumbnails/11.jpg)
以上で初期設定おわり
![Page 12: basic operation about git](https://reader034.vdocuments.site/reader034/viewer/2022042706/587887ad1a28ab466c8b77eb/html5/thumbnails/12.jpg)
Source Treeを起動
• 最初に起動するとこんな感じ
![Page 13: basic operation about git](https://reader034.vdocuments.site/reader034/viewer/2022042706/587887ad1a28ab466c8b77eb/html5/thumbnails/13.jpg)
初期設定
• gitにおけるユーザー名とメールアドレスを登録• ツール → オプション
![Page 14: basic operation about git](https://reader034.vdocuments.site/reader034/viewer/2022042706/587887ad1a28ab466c8b77eb/html5/thumbnails/14.jpg)
• ユーザー名とメールアドレスを設定• これらがコミット時に個人を識別するユーザー名になる
ユーザー名メールアドレスを入力
![Page 16: basic operation about git](https://reader034.vdocuments.site/reader034/viewer/2022042706/587887ad1a28ab466c8b77eb/html5/thumbnails/16.jpg)
はじめてのclone
• 「新規/クローンを作成する」をクリック
クリック
![Page 17: basic operation about git](https://reader034.vdocuments.site/reader034/viewer/2022042706/587887ad1a28ab466c8b77eb/html5/thumbnails/17.jpg)
• リポジトリをクローンしてみましょう
![Page 18: basic operation about git](https://reader034.vdocuments.site/reader034/viewer/2022042706/587887ad1a28ab466c8b77eb/html5/thumbnails/18.jpg)
リポジトリURLを入力
• リポジトリのURLを入力
![Page 19: basic operation about git](https://reader034.vdocuments.site/reader034/viewer/2022042706/587887ad1a28ab466c8b77eb/html5/thumbnails/19.jpg)
• ローカルでの保存先を設定
保存先のパスを入力
ここを押せばGUI操作可能
https://github.com/user_name/repository.git
repository
repository
![Page 20: basic operation about git](https://reader034.vdocuments.site/reader034/viewer/2022042706/587887ad1a28ab466c8b77eb/html5/thumbnails/20.jpg)
• 一通り設定ができたのでクローンしましょう
クリック
https://github.com/user_name/repository.git
repository
repository
![Page 21: basic operation about git](https://reader034.vdocuments.site/reader034/viewer/2022042706/587887ad1a28ab466c8b77eb/html5/thumbnails/21.jpg)
• クローン成功!
![Page 22: basic operation about git](https://reader034.vdocuments.site/reader034/viewer/2022042706/587887ad1a28ab466c8b77eb/html5/thumbnails/22.jpg)
ここをクリックすると、コミット履歴が見れます
![Page 24: basic operation about git](https://reader034.vdocuments.site/reader034/viewer/2022042706/587887ad1a28ab466c8b77eb/html5/thumbnails/24.jpg)
GitBucketからcloneするときの注意点• cloneするときにはリポジトリのURLを入力• このとき○ HTTP clone URLをコピー
× ブラウザのURLをコピー
こっちだとダメ(Basic認証とGitの認証が衝突)githubならOK
ここをコピー(ボタンをクリックすればクリップボードに保存される)
https://github.com/user_name/repository.git
![Page 25: basic operation about git](https://reader034.vdocuments.site/reader034/viewer/2022042706/587887ad1a28ab466c8b77eb/html5/thumbnails/25.jpg)
新規リポジトリをつくってみよう
• リモートリポジトリの作成
• ローカルリポジトリの作成
![Page 26: basic operation about git](https://reader034.vdocuments.site/reader034/viewer/2022042706/587887ad1a28ab466c8b77eb/html5/thumbnails/26.jpg)
• ログイン
ユーザー名とパスワードを入力してSign in
26
リモートリポジトリを作成
![Page 27: basic operation about git](https://reader034.vdocuments.site/reader034/viewer/2022042706/587887ad1a28ab466c8b77eb/html5/thumbnails/27.jpg)
• ログイン後
ユーザページに移動
27
リモートリポジトリを作成
![Page 28: basic operation about git](https://reader034.vdocuments.site/reader034/viewer/2022042706/587887ad1a28ab466c8b77eb/html5/thumbnails/28.jpg)
• リポジトリ作成 (1/3)
New Repositoryボタンをクリック
28
リモートリポジトリを作成
![Page 29: basic operation about git](https://reader034.vdocuments.site/reader034/viewer/2022042706/587887ad1a28ab466c8b77eb/html5/thumbnails/29.jpg)
• リポジトリ作成 (2/3)
リポジトリ名、公開・非公開設定を入力Create repositoryボタンをクリック
29
リモートリポジトリを作成
![Page 30: basic operation about git](https://reader034.vdocuments.site/reader034/viewer/2022042706/587887ad1a28ab466c8b77eb/html5/thumbnails/30.jpg)
• リポジトリ作成 (3/3)
リモートリポジトリ完成!
30
リモートリポジトリを作成
![Page 31: basic operation about git](https://reader034.vdocuments.site/reader034/viewer/2022042706/587887ad1a28ab466c8b77eb/html5/thumbnails/31.jpg)
ローカルリポジトリを作成
クリック
![Page 32: basic operation about git](https://reader034.vdocuments.site/reader034/viewer/2022042706/587887ad1a28ab466c8b77eb/html5/thumbnails/32.jpg)
クリック
![Page 33: basic operation about git](https://reader034.vdocuments.site/reader034/viewer/2022042706/587887ad1a28ab466c8b77eb/html5/thumbnails/33.jpg)
この例では ¥C:¥git¥git-zemi
• データの保存先を決める
![Page 34: basic operation about git](https://reader034.vdocuments.site/reader034/viewer/2022042706/587887ad1a28ab466c8b77eb/html5/thumbnails/34.jpg)
• 空のローカルリポジトリができました
![Page 35: basic operation about git](https://reader034.vdocuments.site/reader034/viewer/2022042706/587887ad1a28ab466c8b77eb/html5/thumbnails/35.jpg)
作成したローカルリポジトリとリモートリポジトリを
紐づけましょう
![Page 36: basic operation about git](https://reader034.vdocuments.site/reader034/viewer/2022042706/587887ad1a28ab466c8b77eb/html5/thumbnails/36.jpg)
リモートリポジトリを登録
• リポジトリ->リポジトリ設定をクリック
![Page 37: basic operation about git](https://reader034.vdocuments.site/reader034/viewer/2022042706/587887ad1a28ab466c8b77eb/html5/thumbnails/37.jpg)
クリック
![Page 38: basic operation about git](https://reader034.vdocuments.site/reader034/viewer/2022042706/587887ad1a28ab466c8b77eb/html5/thumbnails/38.jpg)
• デフォルトリモートにチェックを入れ、先ほど作成したリポジトリURLを入力
https://github.com/user_name/repository.git チェック
![Page 39: basic operation about git](https://reader034.vdocuments.site/reader034/viewer/2022042706/587887ad1a28ab466c8b77eb/html5/thumbnails/39.jpg)
• リモートの登録できました
https://github.com/user_name/repository.git
![Page 40: basic operation about git](https://reader034.vdocuments.site/reader034/viewer/2022042706/587887ad1a28ab466c8b77eb/html5/thumbnails/40.jpg)
準備完了!
では、commit・pushしてみましょう
![Page 41: basic operation about git](https://reader034.vdocuments.site/reader034/viewer/2022042706/587887ad1a28ab466c8b77eb/html5/thumbnails/41.jpg)
• ファイル追加• ファイル「README.md」を作成
• README.mdとは• そのリポジトリのトップページに表示される説明用ファイル• 書き方は、マークダウン方式に従う
![Page 42: basic operation about git](https://reader034.vdocuments.site/reader034/viewer/2022042706/587887ad1a28ab466c8b77eb/html5/thumbnails/42.jpg)
• README.mdに適当に何か書いて保存
• 【注意】日本語を使う場合、UTF-8エンコーディングして保存• 文字化けします• メモ帳ではなく、Sublimeなどのエディタを使いましょう
![Page 43: basic operation about git](https://reader034.vdocuments.site/reader034/viewer/2022042706/587887ad1a28ab466c8b77eb/html5/thumbnails/43.jpg)
• git add
クリックして更新
![Page 44: basic operation about git](https://reader034.vdocuments.site/reader034/viewer/2022042706/587887ad1a28ab466c8b77eb/html5/thumbnails/44.jpg)
• 何やら画面が変わりました
![Page 45: basic operation about git](https://reader034.vdocuments.site/reader034/viewer/2022042706/587887ad1a28ab466c8b77eb/html5/thumbnails/45.jpg)
こちらがステージングエリア
こちらがワーキングツリー
![Page 46: basic operation about git](https://reader034.vdocuments.site/reader034/viewer/2022042706/587887ad1a28ab466c8b77eb/html5/thumbnails/46.jpg)
• ワーキングエリアにあるREADME.mdをクリックして選択(addしたいものを選択)
![Page 47: basic operation about git](https://reader034.vdocuments.site/reader034/viewer/2022042706/587887ad1a28ab466c8b77eb/html5/thumbnails/47.jpg)
• 画面上部の「追加ボタン」をクリック
クリック
README.mdの左側のところにチェック入れてもOK
![Page 48: basic operation about git](https://reader034.vdocuments.site/reader034/viewer/2022042706/587887ad1a28ab466c8b77eb/html5/thumbnails/48.jpg)
• ステージングエリアにREADME.mdが追加されました!
![Page 49: basic operation about git](https://reader034.vdocuments.site/reader034/viewer/2022042706/587887ad1a28ab466c8b77eb/html5/thumbnails/49.jpg)
• README.mdをcommitする準備が整ったのでcommitします
![Page 50: basic operation about git](https://reader034.vdocuments.site/reader034/viewer/2022042706/587887ad1a28ab466c8b77eb/html5/thumbnails/50.jpg)
• 画面上部の「コミットボタン」をクリック
クリック
![Page 51: basic operation about git](https://reader034.vdocuments.site/reader034/viewer/2022042706/587887ad1a28ab466c8b77eb/html5/thumbnails/51.jpg)
• メッセージを書きましょう(日本語でも英語でも可)
クリックしてcommit
![Page 52: basic operation about git](https://reader034.vdocuments.site/reader034/viewer/2022042706/587887ad1a28ab466c8b77eb/html5/thumbnails/52.jpg)
• コミット成功!
![Page 53: basic operation about git](https://reader034.vdocuments.site/reader034/viewer/2022042706/587887ad1a28ab466c8b77eb/html5/thumbnails/53.jpg)
• 今のcommitを確認してみましょう
クリック
![Page 54: basic operation about git](https://reader034.vdocuments.site/reader034/viewer/2022042706/587887ad1a28ab466c8b77eb/html5/thumbnails/54.jpg)
• 先程のcommitが確認できますね!
![Page 55: basic operation about git](https://reader034.vdocuments.site/reader034/viewer/2022042706/587887ad1a28ab466c8b77eb/html5/thumbnails/55.jpg)
それでは、リモート(GitBucket)に今のcommitをpushしましょう
![Page 56: basic operation about git](https://reader034.vdocuments.site/reader034/viewer/2022042706/587887ad1a28ab466c8b77eb/html5/thumbnails/56.jpg)
git push
• 画面上部の「プッシュボタン」をクリック
クリック
![Page 57: basic operation about git](https://reader034.vdocuments.site/reader034/viewer/2022042706/587887ad1a28ab466c8b77eb/html5/thumbnails/57.jpg)
• pushしたい対象ブランチをチェック
チェック
クリック
![Page 58: basic operation about git](https://reader034.vdocuments.site/reader034/viewer/2022042706/587887ad1a28ab466c8b77eb/html5/thumbnails/58.jpg)
• pushがはじまりました
![Page 59: basic operation about git](https://reader034.vdocuments.site/reader034/viewer/2022042706/587887ad1a28ab466c8b77eb/html5/thumbnails/59.jpg)
• 認証を通してください...GitBucketのアカウントです
![Page 60: basic operation about git](https://reader034.vdocuments.site/reader034/viewer/2022042706/587887ad1a28ab466c8b77eb/html5/thumbnails/60.jpg)
• リモートのmasterというブランチにローカルのmasterブランチがpushされました