LoginSignup
20
32

More than 1 year has passed since last update.

【初心者向け】GitHubとAnacondaとVSCodeでPythonの学習環境を整える(2021年4月版)

Last updated at Posted at 2021-04-28

はじめに

こんにちは。
初投稿になります。

今回は初心者の方がPythonの学習環境を整えるための手順をご紹介します。

同様の記事は探せばたくさんあります。(どんだけあるのってくらい。。)

しかし

今回、私が作成した環境にマッチする参考記事がなかったのでまとめることにした次第です。
皆様の参考になれば幸いです。

推奨環境

  • Windows10

いまどきMacで学習される方が多いとは思うのですが、
現状の私はWindowsで学習しているので、こちらにフォーカスを当てております!

この記事を通じて出来ること

  • VSCodeでPythonのソースを作成し、学習を進めることができる。
  • ソースのバージョン管理をGitHubで行うことができる。(作業はVSCode内で完結)
  • Pythonの実行環境はAnacondaの仮想環境を用いてVSCodeにて実行することができる。
  • 環境構築に自信が持てる。

読者に求められる事前知識

  • Anacondaとはなにか、仮想環境とは何かについてなんとなく知ってる。
  • Gitのリポジトリとかコミットとか基礎的な用語の理解ができる。
  • VSCodeの拡張機能とは何か知っている。
  • 各種インストール作業等は調べてある程度行うことができる。(本記事でも説明しています)

変更履歴

  • 2021年4月28日 新規作成
  • 2021年4月29日 condaコマンド実行エラーへの対処を記載
  • 2021年5月05日 gitignoreによるgit管理対象外ファイルの設定方法を記載

ではさっそく始めていきましょう!

GitHubの準備

アカウント作成

まずは、Gitの管理のためにGitHubアカウントを作成しましょう。
以下のサイトで サインアップ を選択し、アカウントを作成。

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

アカウントができたらリモートリポジトリを作成しましょう。
ログインをしてユーザーページを表示します。
画面左の「Create repository」かヘッター右側の「 + 」内「New repository」をクリック。

github1.png

入力が必要な内容は以下の通りです。

  • Repository name(リポジトリ名)  ⇒ 任意
  • Description(リポジトリの説明) ⇒ 任意
  • 公開(Public)か非公開(Private)の選択 ⇒ 今回は公開で
  • README.mdファイルを作成する「Add a README file」にチェック

以上を行ったら「Create repository」をクリックします。
github2.png

GitHubに関しての準備作業は以上になります。

各種インストール作業

環境構築に必要なものは以下になります。

  • Anaconda
  • Git
  • VSCode

Anacondaのインストールと初期設定

以下からインストーラをダウンロードしましょう。

anaconda1.png

インストール時のオプション設定項目はすべてデフォルトのままで構いません。
念のため1点だけ画像をお見せしますが、
以下の設定だけは同じチェックの付き方になっているか確認をお願いします。

anaconda3.png

インストールが完了したら以下の作業を行いましょう。

仮想環境の作成

Anaconda Promptを起動してください。
こちらはAnaconda専用のコマンドプロンプトだと思っていただければ大丈夫です。

image.png

詳しくは割愛しますが、
Python3.7のみを含んだ状態で仮想環境を作成するには、以下のコマンドで可能です。

$ conda create -n 環境名 python=3.7

仮想環境作成時には確認の入力が求められるので、 y と入力して作成を終えましょう。

コマンドライン環境の設定

一般のコマンドプロンプトやPowerShellでもPythonを利用する場合は、次の設定を行いましょう。
引き続きAnaconda Promptにて以下のコマンドを実行してください。

$ conda init

今の設定でVSCodeからソースの実行を行う際に起動するPowerShellでもPythonが利用できるようになりました。

これでAnacondaの準備は完了です。

Gitのインストールと初期設定

続いてはGitのインストールになります。
みんなの味方 Progate さんのお世話になりましょう。
以下の記事の「Gitのインストール」項のみ実施してください。

もし、エディタの設定にVSCodeが出てこなかったら、一旦インストーラの作業を止めて
後述するVSCodeのインストールだけ先に行ってしまいましょう。

初期設定としてはユーザ名の登録とメールアドレスの登録を行います。
手順は上記(Progate)の記事を参考にしていただければ構いませんが、
メールアドレスはGitHub上で公開されてしまいます...。(リポジトリの共有などを行った場合等)

個人で使っているものを登録するのは気が引けますよね?
ということで便利なメールを使いましょう。

その名も GitHub の Primary email address です!

確認するには、GitHubのユーザーアイコンをクリックします。
表示された一覧の下から2番目「Settings」をクリックします。

左側メニューの中央「Emails」を選択すると2つ目にPrimary email address があります。
この文章中に 数字+アカウント名@users.noreply.github.comで書かれたアドレスがあるので
そちらを活用されてください。

git1.png

これでGitの初期設定まで完了です。

VSCodeのインストールと初期設定

ようやくエディタのお出ましです。
以下からインストーラを取得して、インストール作業を行ってください。
オプション項目はすべてデフォルト値で構いません。

VSCodeでは拡張機能をお好きに活用してください。
本記事では以下の2件は少なくとも入れることを推奨しています。

  • Git History
    image.png

  • Python
    image.png

初期設定としてはGitとの連携を行います。

  1. ソースコントロールのアイコンをクリックします。
  2. ソース管理画面「リポジトリのクローン」をクリックします。
  3. 上部にテキストボックスが表示されるので、「GitHubから複製」をクリックします。
  4. ポップアップが表示されるのでGitHubにサインインしてVSCodeと連携させてください。
  5. 再度1~3の作業を行うと、作成したリモートリポジトリの選択肢が出るのでクリックします。
  6. リポジトリをクローンするディレクトリを任意の場所に指定してください。(今後はここで開発を行うことになる)
  7. 画面右下にリポジトリを開くか問われるので、「開く」をクリックします。

image.png

これで、Gitでのバージョン管理ができる状態のVSCodeが完成しました。

ソースを作成して実行してみよう!

実際に簡単なファイルを作成して実行してみましょう。
何でも良いのでpythonファイルを作成してください。

以下、参考画像です。
image.png

作成したら、実行するためにAnacondaの仮想環境を実行環境に指定します。
画面左下のPythonの実行環境を選択する項目(画像の赤線の箇所)をクリックして、あなたが作成したAnacondaの仮想環境を選択してください。

vscode1.png

デフォルトではBase環境になっていて、もちろんこれでも動きますが(今回のソースに限る)
自身で作成した環境を使いたいってときはこのように変えられるんだね って認識で構いません。

環境を選択すると自動的にjsonファイルが作成されるかと思います。
これは、Python実行時にどの実行環境を使用するのかを示しているものなので、Gitでの管理は必要ないです。
むしろ、GitHubに反映してしまうとPCのユーザー名が全世界に公開されてしまうので注意が必要ですね。

次項でGit管理外にする方法を記載します。

ここに関してだけは私も解決できていないので心残りな点です。
何か良い案あれば欲しいくらいですね。
(2021年5月05日 訂正)

vscode2.png

実行環境が選択出来たら画面右上の ▷ マークをクリックして作成したソースを実行してみましょう!

GitHubに作成したソースを反映させよう!

最後にソースの反映をして締めたいと思います。

Git管理外にしたいファイルがある場合の対処方法

前項で勝手に作成されてしまった settings.json など、Git管理から除外したいファイルがある場合は、 .gitignore を利用しましょう。

  1. workspace直下で .gitignore という名前のファイルを作成する。
  2. 作成したファイルに .vscode/.gitignore を記載する。

すると、Gitに反映するソースの差分として settings.json が除外されているはずです。
今回は .vscode フォルダも含めて配下のファイルすべてを管理対象外にしましたが、特定のファイルのみを対象外にしたい場合は場合は個別に名前を指定してあげてください。
vscode7.png

変更を加えたファイルはVSCodeが自動的に教えてくれます。
リポジトリに反映したいファイルを「+」ボタンでステージングします。

※以下の画像では settings.json が対象に入っていますが、先ほどの除外設定をした皆さんは記載されていないはずです。

vscode3.png

その後、コミットメッセージを設定しチェックマークをクリックでコミットを行います。
vscode4.png

するとGit Historyからコミットした履歴が確認できるかと思います。(以下の赤丸のボタン)
vscode5.png

最後に、画面左下のプッシュ(正確には同期)ボタンをクリックしてリモートリポジトリへの反映を行います。
初回はGitとGitHubでの連携ポップアップが出るかと思いますのでサインインしてあげてください。
vscode6.png

以上の作業が完了すれば、GitHub上でも変更したソースの内容が確認できるかと思います。

まとめ

いかがでしたでしょうか。

拙い文章で恐縮ですが、少しでもお力になれましたら幸いです。
また、間違った理解や指南がありましたら随時修正を加えていきます。

Pythonライフを楽しみましょう!

20
32
2

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
20
32