More than 1 year has passed since last update.

🔰5分だけ努力するGit

Last updated at 2023-06-28Posted at 2023-06-28

はじめに

アウトプットと備忘録のため、Gitの知識を同じ初心者に向けて投稿していきます。
本稿は作成したプロジェクトをGitHubのリポジトリにプッシュするまでを行います。

準備

Visual Studio CodeとGitのインストール：https://chigusa-web.com/blog/vs-code-install/
GitHubのアカウント登録：https://github.com/join

混乱しやすい用語のそれぞれの役割をまとめます。
・ローカルリポジトリ：自分のPC上のリポジトリ(情報の貯蔵庫)
・リモートリポジトリ：サーバー上のリポジトリ(GitHubなどのソースコード管理サービスが提供)
・コミット：変更したファイルやディレクトリをローカルリポジトリに記録すること
・プッシュ：ローカルリポジトリの変更内容をリモートリポジトリに反映すること

2. ローカルリポジトリ作成→最初のコミット

VSCodeを起動し、作成したプロジェクトを開いた状態で新規ターミナルを立ち上げ、「＋」ボタンの右側からGit Bashを起動します。

起動したら以下のコマンドを実行します。

$ git init

エクスプローラーからプロジェクトのディレクトリを確認すると.gitというディレクトリが作成されました。
これがこのプロジェクトのローカルリポジトリになります。

今回はプロジェクト下に以下のファイルを作成しコミットしたいと思います。

study.txt

Hello Git!

ファイルを保存したらターミナルから以下のコマンドを実行します。

$ git status

このコマンドは、作業ディレクトリとステージングエリアの状態を確認するコマンドです。
ステージングエリアとは、次にコミットするファイルを置いておくエリアのことです。(インデックスとも呼ばれます)

実行するとこのような結果になりました。

On branch master
Untracked files:
  (use "git add <file>..." to include in what will be committed)
        study.txt

nothing added to commit but untracked files present (use "git add" to track)

新規追加したファイルがあるよ
ステージングエリアに追加するにはgit add ファイル名コマンドを使ってね
というようなことを言ってます。

git addコマンドを使ってステージングエリアに追加してもよいのですが、最初のコミットを修正する場合に踏まないといけない工程が多いため、空コミットなるものをしていきます。
(参照：https://qiita.com/NorsteinBekkler/items/b2418cd5e14a52189d19)

$ git commit --allow-empty -m "first commit"

--allow-emptyオプションは空のコミットを許可する機能で、-mオプションはコミットメッセージを追加する機能です。
今回は"first commit"というメッセージで空コミットしています。

3. 新規追加したファイルをコミットする

次に、作成したファイルをステージングエリアに追加し、コミットしていきます。
実行コマンドは以下の通りです。

1. study.txtをステージングエリアに追加
$ git add study.txt

2. ステージングエリアに追加されたか確認　→　new file: study.txtと表示される
$ git status

3. ローカルリポジトリにコミット　→　1 file changed, 1 insertion(+)と表示されると成功
$ git commit -m "second commit"

※変更した全ファイルをステージングエリアに追加する場合git add .コマンドを使用します。

4. リモートリポジトリ作成

GitHubを開き、ダッシュボードからNewボタンを押します。

リモートリポジトリの名前、Public(全ての人に公開)かPrivate(自分と許可されたユーザーのみアクセス可)の設定をし、リポジトリを作成します。

作成したら次の画面が表示されます。
先ほどgit initコマンドでローカルリポジトリを作成しているため、VSCodeに戻り青枠で囲まれたコマンドをターミナルで実行します。

各コマンドの意味は以下の通りです。

$ git remote add origin https://github.com/GitHubアカウント名/リモートリポジトリ名.git
→ 現在のローカルリポジトリに指定したリモートリポジトリを追加する

$ git branch -M main
→ 現在のブランチをmainという名前に変更する

$ git push -u origin main
→ 変更したファイルやフォルダをoriginというリモートリポジトリのmainブランチにプッシュする

ブランチとは意味の通りプロジェクトの枝の役割で、プロジェクトの根幹に影響を及ぼさないように枝分けする機能です。

コマンドを実行出来たらGitHubに戻り、リロードすると以下の画面に変わります。