WindowsにGit環境を構築する方法を紹介するよ
takahide
初心者がITを楽しむブログ
ローカル環境で「作成済」のコードを「GitHub」にpushするための具体的な流れを整理してみる
takahide
おはようございます。タカヒデです。
「Github」使っていますか？
エンジニアの皆さんであればほとんどの方が使っていることでしょう。
しかし、非エンジニアとして個人で学習されている方は使っていない方も多いのではないでしょうか？
そして「これまで作成したコードをGithubで管理したい」という方もいることでしょう。
ということで本日は、「ローカル環境で作成済のコードをGitHubにpush」していきます。
こんな人にオススメ
- GitHubを使ったことが無い
- GitHubが英語ばかりで敬遠している
- 複数の端末で作業を行いたい
同じような状況の方の参考になれば幸いです。
Contents
【きっかけ】複数のPCでコードの続きを書けるようにしたい
私自身、非エンジニアで、個人の趣味の範疇でプログラミングを楽しんでいます。
端末としては「ノートPC」と「デスクトップPC」をそれぞれ所持しているのですが、「ノートPCで作っているコードをデスクトップPCで続きを書きたい」そう思ったのがきっかけです。
「Dropbox」などのクラウドストレージサービスに保存しても良いのですが、エンジニアの皆様は「GitHub」という素晴らしいツールを使っていると認識しています。
これまで英語が読めず敬遠していましたが、この度「挑戦してみたい！」と思ったのでその内容を記録として残します。
前提条件
ネットの記事では同じようにGithubにpushする記事は出てくるかと思います。
しかし、自身の利用環境によっても出てくる画面などは異なることでしょう。
私自身「結局他の人の記事を見てもなんか違う…」と思い今回の記事作成に至りました。
そのため前提条件もお伝えしておきます。
- GitHubアカウントを作成済み
- Gitがインストールされている
- 利用環境としてはWindowsのWSL（Ubuntu）を例に説明
※ Gitの基本操作はWindows / macOS / Linux で共通のため他の環境でも同じ手順で可能と思います。
なお、そもそもWSLにGit環境が構築できていない方は以下の記事を参考にしてみてくださいね。
あわせて読みたい
WSLにGit環境を構築する方法を紹介するよ
STEP0：Gitが設定されているか確認
以下すべて「ターミナル上」で行います。
まず、Gitが正しく設定されているか確認します。
git --version
git config --global --list | grep -E "user.name|user.email"
問題なければ以下の内容が表示されます。
ここで上手く表示されない場合はGitが未設定かもしれないので以下を実行してください。
git config --global user.name "あなたの名前"
git config --global user.email "GitHubに登録したメール"
STEP1：アップロードしたいプロジェクトへ移動
cd プロジェクトのパス「cd」でGitHubにアップロードしたいプロジェクトのディレクトリへ移動します。
STEP2：GitHubにアップロードしないファイルを指定する
cat > .gitignore << 'EOF'
__pycache__/
*.pyc
.DS_Store
EOF
「.gitignore」を利用して、GitHubにアップロードしないファイルを指定します。
もし「venv」などの仮想環境をプロジェクト内に作っている場合は、「.venv/」なども追加してください。
cat > .gitignore << 'EOF'
.venv/
__pycache__/
*.pyc
.DS_Store
EOFSTEP3：Gitを初期化する
git init
Gitを初期化します。「このフォルダをGitで履歴管理するよー」という指示です。
STEP4：Gitに追加される内容を確認
git status
Gitに追加される内容を確認します。
「アップロードしたいファイル」や、「.gitignore」が表示されていればOKです。
STEP2でアップロードしないよう指定した「.venv」などが表示されていたら何かミスってるので確認してください。
STEP5：初回コミット
git add .
git commit -m "Initial commit"
「git add」で変更内容を一時的に保存します。そして「git commit」でローカルGitに変更を保存します。
「”Initial commit”」ここは最初のコミットということが分かれば「”New”」とかでもなんでも良いです。
STEP6：GitHubで空のリポジトリを作成
ブラウザでGitHubにアクセスして新規リポジトリを作成します。
「Home」の「New」を押下
任意の「Repository name」を入力
- Choose visibiity：公開してよければ「Public」/公開したくなければ「Private」
- Add README：Off
- Add .gitignore：No .gitignore
- Add license：No licence
上記を選択したら「Create repositury」を押下
「…or push an existing repository from the command line」に表示される コマンドをコピー
これでリポジトリの作成が完了
Homeに戻って「Top repositories」に今回作成したリポジトリが追加されていればOK
STEP7：GitHubと接続してpushする
git branch -M main
git remote add origin <GitHubのURL>
git push -u origin main
GitHubと接続してアップロードします。このアップロードすることを「push」といいます。
基本的に先ほどのSTEP7でコピーしたコマンドを貼ればOKです。
これで「ローカル環境で作っていたコードをGitHubにpush」という作業が完了しました。
STEP8：正しくできているか確認
git status
git remote -v
最後に問題なくGitHubにpushできているか確認します。
「Your branch is up to date with 'origin/main'.」こんな表示がされたらOKです。
また、作成したGitHubのリポジトリを見に行き、ファイルが正しく表示されていれば完了です。
補足：GitHubに追加・修正したコードを再度pushする場合
「よし、push完了！でもここ修正したから再度pushしたいな…」
そんなときの方法を補足しておきますね。
手順①：変更内容をステージングする
git add .まずは変更内容をまとめてGitに登録します。
特定のファイルだけ追加したい場合は、ファイル名を指定した以下の方法でもOKです。
git add app.py手順②：コミットを作成する
git commit -m "Add new feature"次に、変更内容をコミットします。
「”Add new feature”」この部分のコミットメッセージは、何を変更したか、後から見て分かる内容を書いておくようにしましょう。
手順③：GitHubにpushする
git pushこれで、追加・修正したコードがGitHubに反映されます。
ブラウザでGitHubのリポジトリを開き、
- ファイルが追加されているか
- 修正内容が反映されているか
を確認してください。問題なければ作業完了です。
まとめ
以上が「ローカル環境で作成済のコードをGitHubにpushする方法」でした。
まとめるほどではないのでSTEPだけ確認しておきましょう。
まとめ
- STEP0：Gitが設定されているか確認
- STEP1：アップロードしたいプロジェクトへ移動
- STEP2：GitHubにアップロードしないファイルを指定する
- STEP3：Gitを初期化する
- STEP4：Gitに追加される内容を確認
- STEP5：初回コミット
- STEP6：GitHubで空のリポジトリを作成
- STEP7：GitHubと接続してpushする
- STEP8：正しくできているか確認
ぜひ読んでいただいた方も試してみてください。
お疲れ様でした。
ABOUT ME
通信会社の企画職で働く30代
非エンジニアでありながら半分趣味でITエンジニアリングやプログラミングを学習中
IT初心者が楽しいと思えるように発信することを目指しています
↓Xもやっているのでフォローしてね
非エンジニアでありながら半分趣味でITエンジニアリングやプログラミングを学習中
IT初心者が楽しいと思えるように発信することを目指しています
↓Xもやっているのでフォローしてね
