2026.01.11 2026.01.13

GitHubにコードをプッシュするまでの方法

mike

UdemyでReactの使い方の解説動画を購入し、今後も多用するであろうGitHubのpushまでの方法を備忘録として記事を残します。

リポジトリを新規作成

.gitignore ファイルの一番最後の行に .env ファイルを指定します。

.env

これで、リモートリポジトリにプッシュしても .env ファイルは除外されるようになります。

.gitignore に .env を加えたら、ターミナルを開いて新しいリポジトリを新規作成します。

git init

念のため .gitignore に指定したファイルやディレクトリがはずされているか確認しましょう。

ちなみに、デフォルトで node_modules も除外されている理由としては、バージョン情報がバレてしまうと、そのバージョンに脆弱性が判明した際、それを利用してアプリ内部を侵害されてしまうからですね。

次に、インデックスに登録、ローカルリポジトリを更新します。

git add .
git commit -m "initial commit"

ここまででローカル環境でやることは一旦おしまいで、今度は GitHub で作業します。

Ropositoriesタブを開いて New で新しいリポジトリを作成します。

リポジトリ名や公開、非公開を設定したら Create repository を押します。

問題なく作成できたら、次の画面にあるコマンドを打っていきます。

git remote add origin https://github.com/<username>/<app_name>.git
git branch -M main
git push -u origin main

VScode との連携の通知が来るかもしれませんが、OK して続けるとリモートリポジトリにディレクトリ構造が反映されます。

ディレクトリ内を確認してみると、.env や node_modules など、指定したファイルは除外されています。

ちなみに、ローカル環境でコードを修正した時は、以下のコマンドを打てば再度リモートリポジトリにpushされます。

git add .
git commit -m "rate limiter update"
git push

言うまでもなくgit push を押せば直ちに GitHub に反映されるわけです。

以上、ローカル環境のコードをGitHubにプッシュするまでの方法を解説しました。

これから何百回とこのプロセスを減るだろうに不思議と忘れてしまうので、こうやって備忘録として残しておこうと考えた今日この頃です。