アルゴ式をできる環境をつくろう


#目次
[1.はじめに](#1-はじめに)
[2.確認](#2-確認)
[3.Pythonのインストール](#3-Pythonのインストール)
[4.VScodeのインストール](#4-VScodeのインストール)
[5.おわりに](#5-おわりに)

#1- はじめに
この記事は[**アルゴ式**] ("https://algo-method.com/")というプログラミング学習コンテンツをこれから始めたいという方に向けたものです．


[**アルゴ式**] ("https://algo-method.com/")とはプログラミングやアルゴリズムを学べる大変良質なサービスです．
競技プログラミングの内容も充実しており，ここ最近は高校の情報，実務で使えるコンテンツなども充実してきており，なぜこれが無料なのか不思議でしょうがありません．(2021年12月現在)

ここではWindows10のPCでPython(プログラミング言語です)をVScode(いろんなプログラミング言語を書いて実行したりできるツールです)で使えるようになるまでを書きたいと思います．

#2 確認
(macOSやLinuxOSの方は他の方の記事を参考にしてみてください)
まずPCの確認をします．
左下のWindowsボタンを押して，歯車のアイコンをクリックします．
![01.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/556094/26ddb08a-bad6-0824-5717-7c4076d836e6.png)
すると設定の画面が出てきます．
設定の画面のシステムの部分をクリックします．
![02.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/556094/c0e174de-7171-9cbe-02e5-4df441111dd2.png)
次に左側一番下の詳細設定(下にスクロールしてください)をクリックします．
![03.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/556094/2e9f1df1-dce9-0f7d-f881-c33755d7ac75.png)
そうするとそのPCが32bit方式か64bit方式か分かります．(現在多くのPCは64bit方式です)
![04.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/556094/28fa7c6b-8141-694b-4d79-4c24002ddc2b.png)


#3-Pythonのインストール

ブラウザ(いまこのページを開いているアプリのことです)でPythonのホームページ
https://www.python.org/
にアクセスします．

Downloadsのところにマウスのカーソルを合わせると，下にリストが出てくるので
Windowsのところをクリックします．
![06.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/556094/b38a667d-d131-e538-63e0-202b56f5cd66.png)
そこで"Stable Releases"の"Windows installer (64-bit)"か"Windows installer (32-bit)"のうち，先ほど調べた方を選んでクリックします．
(現在だいたいのPCが64-bitです)
![07.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/556094/1bd8c2b4-6591-07f5-89e4-654a44627553.png)

数十秒ぐらいでダウンロードできます．
ダウンロードできたら，ダウンロードフォルダの"python-3.10.1-amd64.exe"をダブルクリックします．(.exeが表示されてない場合も気にせず進めてください)
![08.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/556094/7bc45585-66ca-05b3-ac8b-d8f8f488fb71.png)

出てくるウィンドウの下の"Add Python 3.10 to PATH"の左の四角のチェックボックスにチェックを入れてから，上の"Install Now"をクリックします．
![09.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/556094/81c5b8f1-4be1-65c7-222d-54f0ffef9552.png)

そうするとインストールが開始されるので待ちます．(数分かかるだけですぐ終わります)
![10.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/556094/982c0b20-616f-fee4-76f4-00c928e152b7.png)

これにてPythonのインストールは終了です．
試しに起動してみましょう．
左下のWindowsボタンを押して，"最近追加されたもの"の中に
"IDLE(Python 3.10 64-bit)"があるのでクリックします．
![12.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/556094/be9257ff-d8ef-25f0-50e9-360b125cad46.png)
以下のようなものが立ち上がります．
![13.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/556094/d74d431d-39c6-b3ad-66ae-066a2897abce.png)

">>>"のところに試しに

```python:
print("HELLO!!!!!!!!!!!!")
```
などと入力してEnterを押しましょう．(大文字はshiftキーを押しながら入力します)
" はShiftキーを押しながら2を押すと出てきます．
![14.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/556094/ca9af6de-aec4-896e-4616-0eb9c2ed2591.png)
図のように挨拶を返してくれればここまでOKです．
ただしこのままでは長いプログラミングはできないので，
次の章で扱うVScodeというツールもインストールすることをおすすめします．


#4-VScodeのインストール

https://azure.microsoft.com/ja-jp/products/visual-studio-code/
をブラウザで開いて，"Download now"をクリックします．
![15.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/556094/463bbfae-6cde-190f-143b-0579544090a1.png)
次のDownloadのページのWindowsのUser Installerの64bitか32bitのどちらかをクリックします．
![16.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/556094/2a81d8b8-cdc8-6349-b146-6149a5c24461.png)

ファイルを保存をクリック．
![17.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/556094/23714033-b1cf-213f-fabf-93796353a430.png)

ダウンロードが終わったらダウンロードフォルダの
"VSCodeUserSetup-x64-1.63.0.exe"をダブルクリック．(.exeが表示されない場合も気にせず進みましょう)
![18.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/556094/331f685e-081a-15ab-42c0-00b67faae7c2.png)

出てくる画面の，"同意する(A)"のチェックボックスにチェックを入れて"次へ"．
"デスクトップにアイコンを作成する(D)"のチェックボックスにチェックを入れて"次へ"．
![19.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/556094/34b4f913-1f5b-e94d-6219-69e792807054.png)
インストールが終了すると，Visual studio code セットアップウィザードの完了という画面になるので，右下の"完了する"をクリックします．

最後にVScodeでPythonを扱えるように設定していきます．
やることは
1.日本語の拡張機能をインストールする．
2.Pythonの拡張機能をインストールする．
の2つです．

まずはVScodeを実行します．
デスクトップにアイコンが生成されているのでダブルクリックします．
![25.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/556094/01b37732-e6c8-53b4-f3e8-38ae704611ab.png)
左側にある四角形が4つほどのボタン(拡張機能のボタンです)をクリックして，
検索欄に"japanese"と入力します．一番上にでてくる地球儀のアイコンの拡張機能について"Install"ボタンを押します．
次に検索欄に"Python"と入力します．一番上のシンプルに"Python"と書いてある拡張機能について"Install"ボタンを押します．
![30_3.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/556094/0399fa6b-ee3e-691d-c4b3-21fb792063c7.png)

拡張機能ボタンの4つ上の紙が重なっているボタンを押します．
フォルダを開くをクリック．新たに出てきた画面について，ドキュメントをクリックしてフォルダの選択をクリックします．
![34_1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/556094/c5a54517-3985-feda-39fa-029275e64fe7.png)
左側にドキュメントのファイル一覧がでてきます．
空白の部分にマウスのカーソルをもってきて右クリックします．
メニューがでてくるので一番上の新しいファイルをクリックして，
名前をとりあえず"a.py"としましょう．
(Pythonのプログラムのファイルは～.pyと決まっています)
![37_1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/556094/9e90c16a-3c20-da59-6038-cb60f0732c81.png)

"a.py"というファイルを編集できるようになったら，例えば

```python:a.py
print("hello!!!!!!")
a=2
b=3
print(a+b)
```

などとコードを書いてみて，右上の三角ボタンを押して実行しましょう．
(初回だと数秒待つかもしれません)
![40_1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/556094/c498e010-7c68-0fc1-e4a9-904495fe0660.png)
画面下にターミナルが出てきて，結果(この場合は"hello!!!!!!"と"5")が出力されると思います．
新しくコードを書きたくなったら
例えば"b.py"などを新たに作成して，コードを書いて三角ボタンを押せば結果が出力されます．


#5-おわりに
アルゴ式のコンテンツ(2021年12月現在)には以下のように
https://algo-method.com/tasks
![41.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/556094/f166e7cd-560f-d7d6-2d10-a0b4154f7bd0.png)
数多くの問題があります．
初心者におすすめは上の4つ("はじめに"，"入力を受け取る"，"全探索"，"論理的思考力を鍛える！文章題")です．中でも"全探索"はめちゃくちゃ大事だと思います．
また高校の情報関連ならば"設計技法とデータ構造 (#毎日アルゴ式)"の"プログラミングで学ぶデータサイエンス入門"をやるのもオススメします．
腕に自信のある方は一番下の"日本情報オリンピック(予選)過去問"にトライするのもいいと思います．


自分のやりたいコンテンツに取り組んでみて，解説を納得するまで読んだり，他の人の提出したコードを参考にしたりするのをオススメします．

長文にお付き合いありがとうございました．