概要

Gitを触ったことのないWebデザイナーが、Git Flowを用いた開発に関わることになりました。
すぐ忘れてしまうので、後から復習できるようやったことを書いていきたいと思います。
なお、GitHubのアカウントはもうあるものとします。

GitHubやってみよう

1. リポジトリを作成する

GitHubのリポジトリ一覧ページへ行き「New」ボタンを押す。
「Create a new repository」ページでリポジトリ名やPublic/Privateなどを設定し、作成！

2. リポジトリをCloneする

GitHubのページですること

リポジトリページへ行く→緑色の [Code] ボタンを押す（と吹き出しが出る）
「Clone with SSH」の下に出てくる
git@github.com:username/repository_name.gitをコピーする

コマンドラインツール※でやること

※私はiTerm2を利用しています！

作業用ディレクトリまでcdで移動しておく　
さっきコピーしたのをgit cloneの後にペーストしてEnter

git clone git@github.com:username/repository_name.git

clone出来たら、そのディレクトリに移動しておく

cd repository_name

3. ファイルに変更を加えてみる

既に作成されているREADME.mdに変更を加えていきます。

README.mdをテキストエディタで開いて、文章を書き加えます。
現在の状態を確認するため、iTerm2でgit statusと入力してみます。

すると、こんな表示が現れました。

On branch master
Your branch is up to date with 'origin/master'.

Changes not staged for commit:
  (use "git add <file>..." to update what will be committed)
  (use "git restore <file>..." to discard changes in working directory)
	modified:   README.md

no changes added to commit (use "git add" and/or "git commit -a")

英語で何か色々言ってますが、要は「README.mdが修正されていますよ」ってことのようです。

念のため、git diffと打ち込んで差分を確認してみます。

diff --git a/README.md b/README.md
index 85c10d1..1908121 100644
--- a/README.md
+++ b/README.md
@@ -1,2 +1,3 @@
 # about "plaza"
 テスト作業用スペースです。
+2行目を追加しました。
\ No newline at end of file

+2行目を追加しました。 が、実際追加した文章です。
**「+」**がついていて分かりやすいですね。

しっかり確認できたので、この変更をステージングに上げる作業をします。

4. addしてみる

ステージングに上げるのは git addを使います。
git add .で変更全てをaddできますが、初心者なので、ひとつずつファイルを指定してやっていきます。

git add README.md

こんな感じ。
さっそくgit statusで現在の状況を確認してみましょう。

On branch master
Your branch is up to date with 'origin/master'.

Changes to be committed:
  (use "git restore --staged <file>..." to unstage)
	modified:   README.md

お！さっきと変わりました。
Changes to be committed: =コミットする変更はこちらです！って感じで、modified: README.mdと表示されています。

5. commitする

ステージングにaddしたので、次はこれをcommitします。コミットメッセージをつけて分かりやすくします。

git commitと打つと、vimエディタに切り替わります。最初、これの使い方がよく分からず苦戦しました。

キーボードの「i」を押すとinsertモードになるので、コミットメッセージを入力します。
書き終わったら「esc」キー、「:wq」、「Enter」キーの順に押します。:wqはそのまま順番にコロンとwとqを押します。するといつもの画面に戻ってこれます。

ここでいつものgit status

On branch master
Your branch is ahead of 'origin/master' by 1 commit.
  (use "git push" to publish your local commits)

nothing to commit, working tree clean

「あなたのブランチは origin/master より1コミット進んでいます」と出ますね。
ローカルでコミットしただけでpushしてないので、確かにその通り。
「コミットするものはありません」とも出ます。変更は既にコミットし終わってるのでこれもその通り。よしよし。

6. pushする

さて、次はこれをリモートリポジトリへgit pushします。

Enumerating objects: 5, done.
Counting objects: 100% (5/5), done.
Delta compression using up to 8 threads
Compressing objects: 100% (2/2), done.
Writing objects: 100% (3/3), 357 bytes | 357.00 KiB/s, done.
Total 3 (delta 0), reused 0 (delta 0)
To github.com:username/repository_name.git
   ce2e1ef..c2bd63b  master -> master

こんな画面が出てきます。よく分からないけど、怒られてる感じじゃないからきっと大丈夫…。
GitHubのページを見にいったら出来てました！OKOK!

さて、この次はブランチを作って作業していきますが、長くなってきたので記事を分けます。
続きはまた後ほど。