ことれいのもり
2025-08-28
この記事では、ローカル環境で作ったプロジェクトを、GitHubにアップロードするために、Gitコマンドを使ってGitHubに送信する方法を解説します。
画像を多めに使って、初心者の人でも迷わず進められるよう丁寧に説明していきます。
この手順を整理しておくことで、今後Gitを使った操作も迷わなくなると思ってまとめました。
丁寧に書いておけばきっと未来の自分に役立つと思ってます！
記事を分けており、前回の記事でGitHub上でリポジトリを作成する方法を解説しました。
前回の記事を見ていない方はぜひご覧ください。
環境と使った物
VSCode側でGitコマンドを使って操作していきます。
VSCodeでプロジェクトを作るフォルダを開き、ターミナルを表示します。
ターミナルは「Ctrl + `（バッククォート）」キーのショートカットで表示することができます。
赤枠で囲ったところがターミナルです。
ここにコマンドを入力して操作をします。
Gitコマンドは、リポジトリのルート（.gitフォルダがある場所）で実行する必要があります。
つまり、GitHubにアップロードしたいプロジェクトのルートフォルダにターミナルで移動する必要があります。
移動は cd というコマンドを使います。
cd フォルダ名例えば、フォルダ名が「Sample」なら、
cd Sampleこれで遷移できます。
私の環境では、「Arknights」フォルダの中にある Laravel プロジェクト「ArknightsBaseOptimizer」がプロジェクトルートです。
つまり、GitHubにアップロードしたいフォルダは「ArknightsBaseOptimizer」なので、そこまで移動する必要があります。
その場合は、次のように入力します。
cd ArknightsBaseOptimizer
これでターミナルのルートがプロジェクトルートに変更されました！
※ 注意 フォルダ構成によっては、既にVSCodeでプロジェクトルートを開いていれば、移動不要の場合があります。
次に、ローカルリポジトリを作成します。
「ローカルリポジトリ」とは、あなたのパソコンの中にGitの管理データを置く場所のことです。
この操作をすると、プロジェクトがGitでバージョン管理できる状態になります。
コマンドは簡単です。
git init実行すると、自動的に処理が走り、フォルダ内に .git という隠しフォルダが作成されます。
これで、プロジェクトをGit管理する準備が整いました！
「リポジトリを作るのはGitHubでやったのに、またリポジトリを作るの？」と思ったかもしれません。
ここで作ったのは、ローカルリポジトリ （自分のパソコン上のGit管理データ）です。
一方、GitHubで作成したものはリモートリポジトリと呼ばれるものです。
このあとで、「ローカル」と「リモート」をつなげて、コードをGitHubにアップロードできるようにします。
次に、ステージングと呼ばれる作業をします。
ステージングとは、「どのファイルを保存対象にするか選ぶ作業」です。
コマンドは、次の通りです。
git add .「.」は「全ての変更を対象にする」という意味です。 実行すると、変更されたファイルが全てステージングされます。
次に、コミットをします。
コミットとは、「ステージングされた変更を、履歴として保存すること」 です。
「ゲームのセーブポイントを作る」みたいなものです。
コマンドは、次の通りです。
git commit実行すると、自動的にエディタが開いて、コミットメッセージを入力する画面になります。 この「コミットメッセージ」では、何を変更したかを簡単に書くことができます。
今回は初回コミットなので、「初回コミット」と入力すればOKです。（もちろん他の文字列でも大丈夫です）
Initial commitこんなかんじです。
これで、ローカルリポジトリ（自分のパソコン上）に最初の履歴が保存されました！
次に、GitHubのリモートリポジトリと、自分のパソコン上のローカルリポジトリを紐付けます。
これをしないと、ローカルでコミットした内容をGitHubに送れません。
コマンドは、次の通りです。
git remote add origin GitHubのURLここで「GitHubのURL」には、GitHubで作成したページにある「HTTPS」や「SSH」のURLをコピーして貼り付けます。（例: https://github.com/ユーザー名/リポジトリ名.git）
画像で説明すると、赤枠がGitHubのURL、青枠のボタンを押すとコピーできます。
コピーした物をコマンドの最後に貼り付けましょう。
このコマンドを実行しても画面上は特に変化しません。
実行できているかの確認は、次のステップで行ないますので安心してください。
「origin」は、リモートリポジトリにつけるニックネームです。
URLを毎回入力するのは大変なので、originという別名で登録しておきます。
一般的にoriginと名付けますが、好きな名前をつけても大丈夫です。
例えば、次のように使えます。
git push origin main
git pull origin mainこの場合、originと書くだけで内部的にはGitHubのURLを参照して動作してくれます。
さきほどのコマンドは画面上で変化がなかったので、正しく登録できているかを確認してみましょう。
git remote -vこのコマンドを実行すると、紐付いているGitHubのリポジトリURLが出力されます。
私の環境では以下のように表示されました。
(fetch)は「取得（ダウンロード用）」、(push)は「送信（アップロード用）」のURLです。
どちらも表示されていれば、GitHubとローカルリポジトリの紐付けは完了です！
最後に、GitHubにコードを送信します。 この操作を、pushと呼びます。
コマンドは次の通りです。
git push origin mainここのコマンドの内容は次のような意味です。
実行すると、私の環境では以下のように表示されました
これで、GitHubにデータが送信されました！
実際にGitHubのリポジトリページを開いてみましょう。
このようにファイルが表示されていれば、無事にアップロード成功です！
今回は、VSCodeのターミナルを使って、Gitコマンドを入力しながらGitHubに送信する方法を解説しました。
前回の記事と合わせて、プロジェクト作成～GitHubとの連携まで一通りできるようになったと思います。
自分自身への備忘録として作成しましたが、誰かの参考になれば幸いです。
