はじめに

就活中です。前職はGitLabに関係のある仕事をしてずっとGitLabを使っていました。
とはいえ多く使われているのはGitHub。GitHubも使えるようにならないと、と思って触り始めたのですが、いまさら気づきました。
IT系の経験はインフラ構築がメインで、コードを書いたことがほとんどないため、そもそも、Gitを使い慣れていない…

実はインフラ系の後、長くWeb制作・更新代行をやっていまして、その時はgitで管理していました。一度コンテンツを誤って消してしまった時はgitで助けられました。
でも、一人で仕事をしていたので、GitHubも使わず、pushもpullもプルリクもコンフリクトも未経験。
まー触っているうちに思い出してなんとかなるでしょ、と練習しはじめたけど、全然思ったように操作できません。

Git&GitHub入門！

そこで、初心に帰って勉強することに。 「わかばちゃんと学ぶ Git使い方入門」 を買いました！

わかばちゃん、よろしくね！
この本の内容を参考にしつつ、ほんっとに初級からやっていくことにしました。

最終目的

IaCに興味があって、Terraformを使いたくてUdemyの講座を受講しました。実践は未経験です。
TerraformのコードをGitで管理してGitHubやGitLabで便利にAWSでの環境構築ができるらしいので、そういうのを仕事レベルでできるようになりたいです(わかってないのでおかしいこと書いているかもしれません)。

環境

環境はWindows11です。

Git

わかばちゃんたちはSourcetreeを使っていますが、私はGit for Windowsを入れて使っていました。

VS CodeのターミナルのデフォルトをGit Bashにするとべんり。
参考：

VS Codeで利用できるGitの拡張機能を使うことにしました。検索したところ多くの人が使っているようだったので、この２つを入れました。

GitLens

Git Graph

Gitのリポジトリを作ってみる

Gitを入れた後の最初のこれらの設定は別途Git Bashで実行。

git config --global user.name "satokawa-san"
git config --global user.email "satokawa-san@example.com"

フォルダを開く（作成）

VS Codeを新規ウィンドウで開き、メニュー「ファイル」→「フォルダーを開く...」。

フォルダー選択画面が表示されます。フォルダを作成してある場合はそれを選択、まだ作っていない場合は左上の「新しいフォルダー」をクリックしてフォルダー名を入れます。

リポジトリを初期化する

左端の「ソース管理(Ctrl+Shift+g)」のアイコンをクリックするとこういう画面になります。上の「リポジトリを初期化する」をクリック。

するとこういう画面になりました。何が起きたんだろう。

エクスプローラ(Ctrl+Shift+g)で見てもからっぽなので、Ctrl + @でターミナルを開いて、ls -laで見てみる。

.gitができています。準備はできたようです。

最初のコミット

でっかく表示されている「Branchの発行」ボタンを押してみたくなる気持ちになりますが、我慢してなにかファイルを作ってみます。

ここで試しにGit Graphでコミットグラフを見てみます。「ソース管理」の、ちっちゃいアイコン「View Git Graph」をクリック。

まだコミットがないですよとメッセージがでました。

ではファイルを作って、最初のコミットをします。

ファイルを作る

エクスプローラから新規ファイル作成アイコンをクリックします。

わかばちゃんたちはお好み焼きのレシピだったので、それに倣って…gyoza.txtを作ります。

最初の工程を入力。ファイル名が緑で、「U」が付いてる。Untracked、ですね。

ソース管理のアイコンにも「①」がくっついていて、なにかしなきゃいけない雰囲気。それを押すとこんな風に。

ステージする

gyoza.txtの右の「+」を押します。

表示が変わり、ファイル名の横が「U」から「A」に。

コミットする

メッセージの欄にコミットメッセージを入れて、「コミット」ボタンをクリック！

表示が変わりました。

ここで再びGit Graphを見てみます。コミット一個が点一個。

コミット2つ目

次の一行を追加します。

さっきは「U」だったのに今度はファイル名の横に「M」が付いています。Modifiedですね。色もオレンジに。

同様にメッセージを入れてコミットのボタンを…

あ、ステージするのを忘れてました。でもこのダイアログで「はい」を選べば大丈夫。

調子に乗ってどんどん行を追加しコミットします。

過去のコミットにチェックアウト

「わかばちゃんと学ぶ…」では、教授がお好み焼きにコーラを入れてしまうエピソードがあります。
わたしも過去に戻りたくなったので、同じようにチェックアウトをやってみます。

※砂糖じゃなくて塩を振りたかった

ニラを準備した時点まで戻ってみたいのです。

Git Graphだとこのようになっています。

右クリックしたらメニューが表示されました。ここで「Checkout...」を選択してみます！

すると「いいんですか？detached HEADになりますよ？」と確認が。練習だから、やってみます。

こんな状態になりました。

ファイルを見ると、たしかにキャベツに砂糖を振る前までしかありません。

（なにもせず）最新のコミットにチェックアウト

過去を変えたいのですが、それにはまだ修行が必要そうなので、なにも触らず、一旦、最新のコミットをした状態に戻します。わかばちゃんたちもそうしていたし。

しかしここでちょっとはまりました。
このようにGit Graphの最新のコミットのメッセージ上で右クリックし、Checkoutを選択すると、戻るもののまたdetached HEADになってしまいます。

なので、mainブランチの 「main」の文字の上で右クリック して、Checkout Branchを選択します。
または、 「main」の文字をダブルクリック。

こうなりました。

ファイルの中身も、戻っています。

とりあえず、今回はここまで！

detached HEADって何？

直訳すると、「頭が取れた」状態。いったいなんなのか。こちらでわかばちゃんと教授が詳しく説明してくれていました。ふむふむ。

検索すると「detached HEADに気付かずコミットしてしまった」などの体験談がたくさん出てきて、detached HEAD状態は避けなければいけないらしいです。

ちなみに「わかばちゃんと学ぶ…」の本の中ではdetached HEADは「無職」と表現されてました。ブランチに所属しているのが有職ですかね。
実際に無職の私には刺さりますね。みんなに避けられ、無職中に詰んだ実績も職に就かなければ消える…。

おわりに

間違ったことをやっているかもしれませんので、おかしいところがあったらご指摘下さい。