【Python】Githubリモートリモジトリ作成～仮想環境構築の一連の流れ

## 概要
今までGithubの簡単な使い方やPythonの仮想環境構築についてやってきました。
今回はまとめとして、プログラムを組める状態までの一連の環境作りをやっていきます。
これから課題１、課題２、、、と続いていきますが課題ごとにプロジェクトフォルダを作っていきましょう。

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

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/399745/834bffb5-a3dc-3a0f-cd5c-1a4c184e2e61.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/399745/1d94b529-1075-d232-ff72-a07e0455ff44.png)![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/399745/b3edf0a8-5ee2-397e-af3a-ac1bb9a2fd45.png)

Create repogitoryボタンを押下してプロジェクト作成

## ローカルリポジトリ作成

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/399745/8f3eecf4-cd4f-6f8a-671f-a7266784f3e4.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/399745/69bda185-5963-6814-c413-8a7a920ac134.png)

ローカルにcloneします。
ここではデスクトップにプロジェクトフォルダをcloneします。
ターミナル（WindowsならGitBash、Macならiterm2）を起動し、コマンドを打っていきます。

```
Windows
$ cd ~/Desktop
Mac
$ cd $HOME/Desktop
```

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/399745/ba15f8b7-a899-a591-2ca8-b607398a46fa.png)

デスクトップに移動したことを確認して、cloneします。

```
$ git clone 先程コピーしたURL
```

これでデスクトップにプロジェクトフォルダをダウンロードできたと思います。

## VSCodeで作成したフォルダを開く

VSCodeを開きます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/399745/10dfaf5e-5587-d17f-e4b7-28a368906b4e.png)
「ファイル→フォルダを開く」で先ほどデスクトップにダウンロードしてきたフォルダを開きましょう。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/399745/08ae6b08-4b1e-9e4c-46ca-c7786e7c2317.png)
これで開けました。

## 仮想環境構築

VSCodeのターミナルを開きます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/399745/b41afca2-e56c-ec68-a00e-a64ad13e31b9.png)
開いたら「ターミナル」のタブになっていることを確認します。

```
$ python3 -m venv .venv
```

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/399745/be734aa6-4824-70a0-fc92-5d72ec098394.png)

.venvというフォルダが作成されました。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/399745/ad404574-aef4-abb3-ba28-98dd2a64ce8a.png)

作成した仮想環境に入ります。

```
Windows
$ source .venv/Scripts/Activate
Mac
$ source .venv/bin/activate
```

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/399745/e7f9fe3a-a86e-be88-c96b-201faf415477.png)

先頭か上の行に(.venv)と表示されていれば仮想環境内にいるということです。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/399745/d2447b8e-c574-8072-5596-809b1b2cd54f.png)

## Pythonファイル作成

右クリックで新しいファイルをクリックし、ファイルを作ります。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/399745/039d8de6-a8c0-5abd-2e9e-48b843699087.png)

Pythonファイルができました。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/399745/8e217e5e-56f1-514f-bada-1ef46036348d.png)

main.pyをプログラミングします。
ここで注意しないといけないのが、赤枠で囲った部分に●マークがあります。
これはファイルが編集されたけどまだ保存されてないよという意味です。
プログラムを動かすときは必ず上書き保存してから動かさないと反映されませんの注意です！
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/399745/967ffc81-45f7-2d7b-4362-8d0d7e3aaefd.png)

仮に↓こちらを入力したところでプログラムを動かしてみましょう。

```main.py
print("test")
```

動かすときのコマンドは下記コマンドで動きます。

```
$ python main.py
```

「test」と表示されていればOKです！
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/399745/d347d881-963a-fecd-66bc-085e733d34c4.png)