【Github】VScodeでGithubを便利に管理(2025)

# はじめに
私はIT技術だけでなく、日本語も初心者なので、もし表現に間違いがあれば、ご指摘ください。
最近、勉強の時に新しいGitの使い方を見つけた。それは、VScodeでGithubを管理することだ。VScodeを使うだけで、Gitリポジトリをグラフィカルに管理できる。Gitのコマンドを覚える必要がないので、初心者には最適だと思う！

# GitHubとGitについて
Gitはリポジトリのバージョンを管理するためのソフトウェアで、Githubはウェブサイトです。コードを書くことをゲームをプレイすることに例えるなら、私たちはゲームをプレイする時によくアーカイブを作成するでしょう？steamのようなプラットフォームを使ってプレイしなければ、アーカイブはローカルにしか保存されない。steam cloud archiveを使えば、どのコンピューターでも自分のアーカイブをプレイできる。ゲーム内のアーカイブオプションはGitのローカルコミットであり、steam cloud archiveはGithubへのGitアップロード処理の結果である。

# 操作説明
まず、VScodeとGitをダウンロードしてください。
https://git-scm.com/
https://code.visualstudio.com/
### ダウンロード
上記のサイトにいき、[Download]ボタンをクリックします。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3817308/bf61b6c7-ecb0-ce06-c77c-26c2f25de28a.png)

### インストール
ダウンロードされたexeファイルをダブルクリックすると、以下の画面が表示されます。
ここでは設定値などをとくに変更せず、すべて[Next]を押下し続けます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3817308/b3bd36d0-5e86-c044-3323-d0c91ab92873.png)

![c395bcaf91978b87c691a097b2ec4edb.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4002939/334fb2de-0d36-c412-2a5d-9e7ac7b7e89e.png)


![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3817308/ba040b25-9cca-5ed9-4b79-05de6a7b9e2f.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3817308/4117f7e7-5990-c151-f817-2c238d2beedc.png)

最後の画面が表示されたら、[Finish]ボタンを押下し、インストールを終了します。VScodeの場合も、すべてnextを選択するだけです。


Win+Rでcmdを開き、cmdに「git」と入力してEnter。フィードバックがあれば、そのコンピューターにすでにgit環境があることを意味する。
![158eda59220ffcbd211757003f3a916b.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4002939/c7129446-df60-c9f3-c0da-8dd2ed2f84a4.png)

Gitの初期設定
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4002939/1ac05727-445c-8b2f-4ba4-58477115e8ad.png)
ここに次のコマンドを入力する。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4002939/57272186-846d-f397-c768-e8b6cb22403c.png)
(1) ユーザ名を登録します。

```ruby
$ git config --global user.name [GitHubに登録したときの名前]
#$ git config --global user.name z1y6h
```

(2) メールアドレスを登録します。
```ruby
$ git config --global user.email [GitHubに登録したときのメールアドレス]
#$ git config --global user.email XXXXXXXXXXX@XXXXX.com
```




### GitHubのアカウント作成
「ギットハブ・ジャパン」の公式サイトにアクセスし、GitHub用のアカウントを作成します。

https://github.co.jp/?_fsi=fxyhmG1w




### リモートリポジトリの作成

(1) GitHub管理画面で、「Create Repository」ボタンをクリックします。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4002939/13c7bce2-e4b5-a8bb-8b19-e6b0db1957f2.png)


(2) 作成したいリポジトリの内容を指定して「Create repository」を押下します。
・Repository name：任意のリポジトリ名を指定
・Pubilic or Private

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4002939/9370462f-a9db-8517-dfb2-38ef47eb47b6.png)


## 自分のコードをGithubにアップロードする
(1)コードを保存しているフォルダを取り出し、VScodeで開きます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4002939/647a9812-bad7-a4da-b69a-f8b7ff87c784.png)
(2)初期化
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4002939/0bdd5e59-15a8-d8d4-082a-1807a7cb9a9b.png)

.gitフォルダを生成する
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4002939/34981211-67e8-6070-8712-bd3e830e0775.png)

(3)すべての変更を提出する
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4002939/33b60d0a-5eea-0463-7885-7ff608345a31.png)

(4)commit
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4002939/f1aa5e52-7fed-406c-2ab8-b22e8afade80.png)

(5)Git リポジトリの選択
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4002939/6838f322-23a4-22b8-21b1-ad6a535ee4d8.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4002939/af2ca2bf-94c3-22b7-3ef7-fa464ad06ed4.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4002939/11c045b1-59ff-45d0-e7a0-abf4b6f25817.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4002939/df77b118-998b-e2f0-3e6f-a9cecaa04126.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4002939/423b9ccf-be3e-10bf-ce1c-ba6fa0a16096.png)

このアイコンは、ローカルの git リポジトリがリモートの GitHub と同期していることを示します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4002939/01254ee1-690d-572f-f917-72616fc13622.png)

(6)最後にGitHubを開き、アップロードが成功したかどうかを確認します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4002939/f4b55b77-d11c-90af-4b93-817d16c02ba4.png)


## 他人のコードをローカルにダウンロードする
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4002939/fe0665e5-25da-86a3-24b0-bb28a906410e.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4002939/9024a92f-a91a-ae63-9426-18d2aa5b2dfc.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4002939/d8292d34-fde0-c229-0d42-39f0ba0baab9.png)




# 参考
https://qiita.com/piromo/items/a45b44d85ad28bf05c02#%E3%81%AF%E3%81%98%E3%82%81%E3%81%AB