【超初心者向け】MacのGitからGithubへプッシュする方法をわかりやすく解説

今回はGit初心者に向けた、MacにインストールしたGitから、Githubへプッシュしてみる方法の解説です。

初歩の初歩の解説ですが、難しそうに思えるGitやGithubの使い方の第一歩を踏み出して、基本的な使い方の一部をつかんでもらえるのではないかなと思います。

Contents

1 前提（Macでの作業）
2 手順1：新しいディレクトリを作り、Gitの管理対象とする
3 手順2：Githubでリモートリポジトリを作成し、それをSample＿Projectディレクトリを関連づける
4 手順3：Githubへファイルをコミットしてプッシュ

前提（Macでの作業）

今回は以下の作業が終わっていることを前提とします。

Gitのインストール完了
Githubアカウントの作成完了
GithubにSSH接続するための設定を完了
GithubにSSH接続することを完了

GithubにSSH接続するためには、次のコマンドをターミナルに入力します。

ssh -T git@github.com

これを実行すると、パスフレーズ（pass phrase）を聞かれますので入力します。

Hi XXXXXXXXXXX! You've successfully authenticated, but GitHub does not provide shell access.

このメッセージが表示されれば、SSH接続できています。

Windowsの場合のSSH接続についてですが参考にしてみてください。

【初心者向けGit使い方解説】WindowsのGit BashでGithubにプライベートリポジトリを作成してSSH接続する手順・方法の解説

今回はここまでが終わった状態から下の手順を進めていきます。

手順1：新しいディレクトリを作り、Gitの管理対象とする

さて、上述のようにGithubへのSSH接続が完了している状態で作業を進めていきます。

仮に今回はSample＿Projectというディレクトリ（フォルダ）を作り、それを使うことにします。Sample＿Projectというディレクトリをテキトーな場所に作っておきます。

次にターミナルを起動し、cdコマンドを使ってそのSample＿Projectフォルダへ移動します。

そのためにはSample＿Projectディレクトリのパスを取得しましょう。その方法ですが、次のようにします。まずFinder上でSample＿Projectディレクトリを選択してから、

「option⌥」キー＋「command⌘」キー＋「c」

の同時押しです。私の場合「/Users/XXXXX/Library/CloudStorage/Dropbox/Sample_Project」となります。これを使い、ターミナル上で、

cd /Users/XXXXX/Library/CloudStorage/Dropbox/Sample_Project

と入力して実行。

こうすると、

XXXXX@〜MacBook-Pro Sample_Project ％

という表示に変わります。作業ディレクトリ（カレントワーキングディレクトリ：cwd）が、Sample_Projectへ移動しました。

次に、そのSample＿ProjectディレクトリをGit管理対象とするために次のコマンドを入力します。

git init

そうすると、そのSample＿Projectの内部に、隠しディレクトリとして「.git」というディレクトリができあがります。（

ちなみに隠しファイル・隠しディレクトリを表示するには、Finder上で、

command⌘ + shift⇧ + .（ピリオド）

です。

手順2：Githubでリモートリポジトリを作成し、それをSample＿Projectディレクトリを関連づける

Githubでリモートリポジトリ作成し、そのURLを取得する

今回は「Sample_Project-for-VScode-with-Docker」という名前のリモートリポジトリをGithub上につくります。

まずGithubにアクセスします。そして作成したリモートリポジトリのSample_Project-for-VScode-with-Dockerの画面に移動し、「HTTPS/SSH」と書かれたボタンの「SSH」を押してください

そのURLを取得します。

git@github.com:1978works/Sample_Project-for-VScode-with-Docker.git

今回はこうなります。

Sample＿Projectディレクトリと関連づける

git remote add origin git@github.com:1978works/Sample_Project-for-VScode-with-Docker.git

リモートリポジトリの一覧を表示

この時点でGithub上に作成したリモートリポジトリSample_Project-for-VScode-with-Dockerがどうなっているか一覧表示してみましょう。

git remote -v

として、

origin	git@github.com:1978works/Sample_Project-for-VScode-with-Docker.git (fetch)
origin	git@github.com:1978works/Sample_Project-for-VScode-with-Docker.git (push)

という結果になりました。

手順3：Githubへファイルをコミットしてプッシュ

作業の流れの概要

自分のPC内部にあるファイルをGithub上のリモートリポジトリへプッシュ（push）するためには、基本的に下の3つの作業が必要となります。

ステージエリアに追加する
コミットする
プッシュする

この1〜3の作業をその順番どおりに行います。

ファイルをステージエリアに追加（add）する

続いてSample_Projectディレクトリ内に、「.devcontainer」という名前のディレクトリを作り、そこにPythonのファイルでhello.pyというファイルを作りました。

そしてそれをステージングエリアに追加します。

これはプッシュしなければならないファイルとそうでないファイルを分別する作業です。もちろんプッシュしなければならないファイルだけをステージエリアへ追加します。

まず、.devcontarinerディレクトリへ移動して、

cd .devcontainer

そして、

 git add hello.py

とします。

コミット（commit）する

次はコミット作業です。これは、ファイルが変更されたことの情報をGitに登録するための作業です。

つまり、Gitにおいて、「ファイルを作成・編集すること」と「Gitにその情報を伝えること」とは全く別であって、たとえ上のhello.pyの中身をVS Codeなどで変更しても、Gitはその変更情報を自動的に理解したりはしないということです。ユーザーが手動でGitに変更情報を伝える必要があります。

そのためには次のコマンドを入力しますが、このときコメントとして「hello.pyをつくりました」をつけます。ファイルをどのように変更したのかを簡潔にわかりやすく説明するコメントをつける必要があります。

git commit -m "hello,pyをつくりました"

実行すると、

[main (root-commit) 65c4922] hello,pyをつくりました
 1 file changed, 4 insertions(+)
 create mode 100644 .devcontainer/hello.py

となります。

プッシュ（Push)する

まずブランチ名をmainに変更しておきます。

git branch -M main

それからいよいよプッシュです。

git push origin main

このあとSSH接続のためのパスフレーズを求められることがあるので入力します。

そしてプッシュに成功すると次のように表示されます。

Enter passphrase for key '/Users/tmym/.ssh/id_ed25519': 
Enumerating objects: 4, done.
Counting objects: 100% (4/4), done.
Writing objects: 100% (4/4), 316 bytes | 316.00 KiB/s, done.
Total 4 (delta 0), reused 0 (delta 0), pack-reused 0
To github.com:1978works/Sample_Project-for-VScode-with-Docker.git
 * [new branch]      main -> main

実際にGithub上のリモートリポジトリSample_Project-for-VScode-with-Dockerを見てみましょう。