【GitHub】初心者向け|GitHubの基本的な操作手順まとめ【VSCode連携】

目次

経緯

最近GitHubを使い始めたばかりで、操作の流れが分からなくなりがちだったため、自分なりに整理して手順をメモとしてまとめました。
GitとGitHubの基本操作を学びたい方、今後の復習用として使いたい方の参考になれば幸いです。


全体の流れ

  1. GitHubで新しいリポジトリを作成
  2. VSCodeでディレクトリを準備し、cloneを実行
  3. 空の状態でcommit
  4. branchを作成・切り替え
  5. コードを書く
  6. Pull request(プルリク)→ merge(マージ)
  7. 使用済みbranchを削除
  8. 最後にPullして最新状態に更新
  9. 次のbranchを作成して繰り返す

GitHubでリポジトリを作成する

  1. GitHubにログインし、自分のアイコンをクリック
  2. 「Your repositories」を選択
  3. 右上の「New」をクリック
  4. 「Create a new repository」画面で以下を入力
    • Repository name:任意の名前
    • 公開範囲:「public」または「private」
  5. 「Create repository」をクリック

VSCodeでcloneを作成する

  1. VSCodeを起動し、ターミナルを開く
  2. GitHub上のリポジトリページにある「Quick setup」から、https://github.com/ユーザー名/リポジトリ名 をコピー
  3. VSCodeのターミナルに以下を入力
git clone コピーしたURL
  1. cloneしたフォルダに移動し、VSCodeで開く
cd リポジトリ名
code .

空の状態でとりあえずcommit

git commit --allow-empty -m "first commit"
git push origin main

GitHubページに「first commit」が表示されていれば成功です。


branchを作成して切り替える

git branch todo-base
git checkout todo-base

git branchで確認すると、「*」が todo-base に移動しているはずです。


コードを書く

この状態で、VSCode上で自由にコードを書きます。


プルリクエスト(Pull Request)してmergeする

git add .
git commit -m "変更内容を記述"
git push origin todo-base

GitHubページに移動し、

  1. 「Compare & Pull request」をクリック
  2. 「Create Pull request」
  3. 「Merge Pull request」
  4. 「Confirm merge」

以上でmainブランチにマージされました。


使用済みbranchを削除する

GitHubページで「Delete branch」をクリック。

ローカル側も削除します。

git checkout main
git branch -D todo-base

git branch で確認すると、mainだけになっていれば完了です。


最後にPullして最新状態を取得

git pull origin main

これでローカルも最新のmainブランチになります。


新しいbranchを作成する場合

再び新しい作業を始めるときは、以下のように実行します。

git checkout -b add-file

あとは同様に、

git add .
git commit -m "コメント"
git push origin add-file

GitHubページで、

  1. 「Compare & Pull request」
  2. 「Create Pull request」
  3. 「Merge Pull request」
  4. 「Confirm merge」
  5. 「Delete branch」

ローカルで、

git checkout main
git branch -D add-file
git pull origin main

この流れを繰り返していきます。


まとめ

GitHubの操作は、手順が分かればシンプルです。
特にVSCodeと連携すれば、cloneからcommit、branch作成、push、pull request、merge、branch削除まで一貫した作業フローが実現できます。

何度も使って慣れていけば、チーム開発や個人開発でも効率よくソースコードを管理できます。

IT・ガジェット・電子工作の知識をこれひとつで

画像に alt 属性が指定されていません。ファイル名: KU-Assocb-2017810-640x100._V518059506_.jpg

ここまで読んでいただきありがとうございます。最後に宣伝をさせてください。

PCアプリの操作解説、最新のガジェット情報、そして電子工作の専門書まで。 Kindle Unlimitedなら、あらゆるジャンルのIT・デジタル関連書籍が読み放題です。

「仕事の効率化」から「趣味の深掘り」まで、高価な専門書をわざわざ買わずに、必要な情報をその場で引き出せるのが最大のメリット。 現在は30日間の無料体験や、対象者限定の「3ヶ月499円」プランなどが用意されています。まずはご自身のアカウントでお得なオファーが表示されるかご確認ください。

[Kindle Unlimited 読み放題プランをチェックする]

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

私が勉強したこと、実践したこと、してることを書いているブログです。
主に資産運用について書いていたのですが、
最近はプログラミングに興味があるので、今はそればっかりです。

目次