Atom と Hidrogen で Python を使えるようにしておく

Exlipce、Visual Studio Code、Jupyter Notebook でPython を使えるようにしていますが、Atom でも使えるようにしておきます。


## 環境
OS：Windows 11 Home 64 ビット オペレーティング システム
CPU：Intel(R) Core(TM) i5-8250U CPU @ 1.60GHz   1.80 GHz
RAM：16.0 GB

## Atom と Python の設定済状況
Atom：1.58.0 x64
Python：3.8.2

## 手順
### Atom を起動する
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/225878/310c49c9-856d-a122-0e6a-5774939cf89a.png)
からの
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/225878/13d6a8fe-6f35-21fa-214c-f73bbf605f73.png)

### パッケージ platformio-ide-terminal を追加する
あとで設定を行いやすいように先にこれをやっておきます。
[パッケージ] - [設定ビュー] - [パッケージ/テーマのインストール]
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/225878/504384c6-bbbb-a01c-7d2d-67fd46bc4b11.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/225878/a4031950-f5ed-3f70-d992-a79887839657.png)
platformio-ide-terminal と入力して「パッケージ」を選択して実行
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/225878/bf747aec-392e-cf98-1260-07a69b38e19b.png)
platformio-ide-terminal のカンバンが出て来ているので 「Install」を選択して実行
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/225878/f7d892b8-d66c-6870-2a6b-8c43a4f7d2b2.png)
「Setting」を選択してHidrogen の初期設定内容を確認しておく
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/225878/936c5bed-e979-59cb-b841-1d3f94e58347.png)
Atomエディタの左下に＋ボタンが追加されていることを確認しておく
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/225878/09fe9927-e3b2-b829-f988-1ab83bf87dd9.png)

＋を選択実行すると PowerShell 用のサブウィンドウが開かれることを確認しておく
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/225878/66fc6315-51fa-927f-7c90-2729b9a019a6.png)


### パッケージ Hidrogen を追加する
[パッケージ] - [設定ビュー] - [パッケージ/テーマのインストール]
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/225878/504384c6-bbbb-a01c-7d2d-67fd46bc4b11.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/225878/a4031950-f5ed-3f70-d992-a79887839657.png)

Hidrogen と入力して「パッケージ」を選択して実行
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/225878/fe1e5693-a164-3551-4da1-e95c0118cd83.png)

Hidrogen のカンバンが出て来ているので 「インストール」を選択して実行
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/225878/545e7410-dc8d-875b-c33a-0c3368bb952f.png)

「設定」を選択して Hidrogen の初期設定内容を確認しておく
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/225878/ac052e1b-a5f0-ae95-967d-2d1b204c2fa6.png)

### ipykernel をインストールする
Atomエディタの左下の＋を選択実行し、PowerShell 用のサブウィンドウから

```
python -m pip install ipykernel
python -m ipykernel install --user
```

を入力実行する
インストールが正常に終了したら、ここでいったん Atom を再起動しておく。

### Python のコードを入力してみる

```
print("Hello World!")
```

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/225878/6ac25719-1852-4e16-4fb8-db68014d6f6e.png)

保存して拡張子 .py としておく
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/225878/8a8261f9-0af6-6ad7-d954-ab0a52e0ca0b.png)

### 入力したコードを実行してみる
Ctrl + Alt + Enter を実行してみる。
"Hello World!"が表示されて、うまくいったことが確認できました。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/225878/87ef3e6f-74f1-5000-e07d-d94f6151badc.png)

とりあえずのスタートは切ることができました。



## 参考サイト
以下のサイトを参考にさせていただきました。
[Jupyterをブラウザで使うのをやめてAtomのHydrogenに移行した話](https://ensekitt.hatenablog.com/entry/2018/05/24/200000)
[AtomとHydrogenで快適プログラミング【AtomでJupyterしよう】](https://modernimal.com/atom-hydrogen-4068)