IoT演習第２回、マイクロコントローラ


## 0. 事前学習
AnacondaのDownloadに時間がかかる場合があるので、事前にDownload, インストールをしておくと良いです。

## 1. 授業の概要
[IoT演習シラバス案その２（授業計画表）](https://qiita.com/takashiyamanoue/items/0cf9d58265bff5883698)の第２週に予定している内容の一部です。

（以下の説明で、自分のパソコンの表示が以下の説明の表示と異なる場合があります。例えば、英語で表示されているものが日本語であったり、その逆であったり、C:ドライブの名前が異なったりする場合があります。ソフトウェアのバージョンが異なって、名前が異なる場合もあります。表示が異なっていて、どう操作すれば良いかわからない場合は、他の同様のWebページを参照したり、担当者に聞いたりしてください）

### 第2回 マイクロコントローラ
1. グループ分け（毎週異なるグループに分ける）
2. 演習に使う部品を配布
3. Raspberry Pi Pico (以下 Pico)の紹介
4. VSCode を使った, Pico のPythonプログラミングと実行の手順説明
5. 演習: VSCodeの環境設定とPico付属の発光ダイオード(LED)の点滅(Lチカ)実験
6. 授業の振り返り

## 2. マイクロコントローラとは
[マイクロコントローラ](https://ja.wikipedia.org/wiki/%E3%83%9E%E3%82%A4%E3%82%AF%E3%83%AD%E3%82%B3%E3%83%B3%E3%83%88%E3%83%AD%E3%83%BC%E3%83%A9)とは、小さなコンピュータのことで、様々な機器に組み込まれて利用されることが多いコンピュータです。CPU (コンピュータの中心部分)とメモリと入出力回路を組み合わせたものが一般的です。

https://ja.wikipedia.org/wiki/%E3%83%9E%E3%82%A4%E3%82%AF%E3%83%AD%E3%82%B3%E3%83%B3%E3%83%88%E3%83%AD%E3%83%BC%E3%83%A9

メモリとして、通常、[RAM](https://ja.wikipedia.org/wiki/Random_Access_Memory)と[ROM](https://ja.wikipedia.org/wiki/Read_only_memory)が付いていています。ここで、RAMとは電源を切ると記憶が消えるメモリ（揮発性メモリ）です。本来、RAMは Random Access Memory の頭文字をとったもので、この中には記憶が消える意味はないのですが、揮発性メモリのことをRAMと呼ぶのが一般的です（ROMもRandom Access Memory です）。ROMとは電源を切っても記憶が消えないメモリ（不揮発性メモリ）のことで、Read Only Memory の頭文字をとったものです。Read Only と言っても、最近は、電気的に内容を書き換えることが可能な、[EEPROM](https://ja.wikipedia.org/wiki/EEPROM)(Electrically Eraseable Programable ROM)やフラッシュメモリが使われることも多いです。
マイクロコントローラは、ROMに書き込まれたプログラムを、RAMの領域に計算の途中経過を記録しながら実行することが一般的です。したがって、パソコンのように、様々なプログラムを汎用的に動作させるような用途に使うことはあまりありません。物のインターネット(Internet of Things, IoT)のエッジシステム（末端側でのデータ収集や動作を行うシステム）の中心的な部品としてよく使われています。

## 3. Raspberry Pi Pico W (Pico W)
[Raspberry Pi Pico W](https://www.raspberrypi.com/documentation/microcontrollers/raspberry-pi-pico.html) (以後 Pico W)は、[Raspberry Pi 財団](https://ja.wikipedia.org/wiki/Raspberry_Pi_財団#:~:text=Raspberry%20Pi%20財団とは,た慈善団体および会社%E3%80%82&text=イングランドおよびウェールズ慈善委員,いる慈善団体である%E3%80%82)が開発した無線LAN(Wi-Fi)機能を持った、安価なマイクロコントローラです。

https://www.raspberrypi.com/documentation/microcontrollers/raspberry-pi-pico.html

無線LANの機能を持っているので、IoTのエッジシステムとして利用することができます。Wi-Fiの代わりにBluetooth を利用することもできます。USBのポートも持っていて、USBケーブルでPCと接続すると、Pico WをパソコンからはUSBメモリとして読み書きできるようになります。ここにPico Wのプログラムのファイルをドラッグ＆ドロップで書き込むことができます。C/C++とMicro Pythonのプログラミング環境が利用できます。
(Raspberry Pi Pico WはWeb上の様々な通信販売サイトを使って注文することができます。例：[Switch Science](https://www.switch-science.com), [秋月電子通商](https://akizukidenshi.com/catalog/default.aspx), [せんごくネット通販](https://www.sengoku.co.jp/index.php), [マルツオンライン](https://www.marutsu.co.jp/?gad_source=1&gclid=CjwKCAiAuYuvBhApEiwAzq_YiZBIsLly3K1UL30K2nUXrRF2gWSxz5HNaHtowvVBAsbwKU2fTAvk9RoCUqkQAvD_BwE), [Mouser Electronics](https://www.mouser.jp), [DigiKey](https://www.digikey.jp), [Amazon](https://www.amazon.co.jp), [AliExpress](https://ja.aliexpress.com/?spm=a2g0o.home.logo.1.6fa05c72D7U0pZ&gatewayAdapt=glo2jpn))
この授業では、Pico Wにピンヘッダをつけた、Raspberry Pi Pico WHを利用することにします。このことで、[ブレッドボード](https://ja.wikipedia.org/wiki/ブレッドボード)にPico Wと入出力装置とジャンプワイヤを挿入することで、半田付けしなくても周辺装置をPico Wに接続することができるようになります。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/585767/43ce8a7d-ee50-f093-4ea9-b6b65a4e4ca2.jpeg", width="500">

(Raspberry Pi Pico W)

ここでは、統合開発環境である Visual Studio Codeを使ってプログラムを作成し、Pico W においてそのプログラムを実行する方法について説明します。

## 4. ファームウェアの書き込み（MicorPythonのプログラムを Pico W で実行できるようにする）

Pico WはPCからUSBを経由して「firmware」を書き込むことができる「[BOOTSEL](https://datasheets.raspberrypi.com/picow/connecting-to-the-internet-with-pico-w.pdf?_gl=1*4cbjkc*_ga*MTM3NDY3ODAxMy4xNzA4NzAzNjkz*_ga_22FD70LWDS*MTcwODcwMzY5My4xLjEuMTcwODcwMzczOS4wLjAuMA..)」modeを持っています。ここで firmwareとは、Pico WのROMに書き込まれて、起動時に動作を開始する基本的なプログラムです。BOOTSELボタンを押したまま、Pico WをPCとUSBケーブルで接続すると、Pico WがPCからはUSBのドライブ(mass storage devide)として見えるようになります。
ここに、Pico WのためのMicroPythonの実行プログラムをドラッグ&ドロップで書き込むことにより、以後、Pico WでMicroPython のプログラムが実行可能になります。
以下、Pico WでMicroPythonプログラムを実行可能にするための手順です。
（参考：[Raspberry Pi Pico W の LED を VS Code を使って、点滅させてみた。（RP-Pico チュートリアル）](https://qiita.com/IoriGunji/items/ebe6cefd3562639f7ca2)）

### 4.1. firmwareのdownload
あらかじめ、パソコン(ここではWindowsパソコンを想定しています。 以後、PC)にPico WでMicroPythonを実行するためのfirmwareをダウンロードしておきます。以下のようにリンクを辿って、Pico W (Raspberry Pi Pico W)用のMicroPythonのUF2ファイルをダウンロードします(Raspberry Pi Pico のuf2と間違わないようにしてくださ)。
[Raspberry Pi Documentation->Microcontrollers](https://www.raspberrypi.com/documentation/microcontrollers/) ( https://www.raspberrypi.com/documentation/microcontrollers/ ) -> [MicroPython](https://www.raspberrypi.com/documentation/microcontrollers/micropython.html) ->[MicroPython UF2 File](https://micropython.org/download/rp2-pico-w/rp2-pico-w-latest.uf2)

### 4.2. Pico Wにfirmwareを書き込む
[このページ](https://www.raspberrypi.com/documentation/microcontrollers/micropython.html)に表示されている説明アニメーションに従い、Pico WのBOOTSELスイッチを押したまま、USBケーブルで、Pico WをfirmwareをダウンロードしたPCに接続します。すると、RPI-RP2という名前が付けられたドライブがPCで見えるようになります。
1.でdownloadしたfirmwareを、ドライブ RPI-RP2にドラッグ&ドロップして、書き込みます。


<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/585767/f1aca5fa-c556-0f35-b76c-908bc6828363.jpeg", width="500">

(BOOTSELボタンを押しながらUSBケーブルでPico WをPCに接続)

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/585767/08086638-2606-6d1b-f55c-15990168f6ac.png", width="500">
(PCから見えるようになったPico Wのドライブ。ここに、先ほどダウンロードした、uf2ファイルをドラッグ・ドロップします)


## 5. AnacondaでPythonのインストール
AnacondaとPythonをまだPCにインストールしていなければ、PCにAnacondaとPythonをインストールします。
（参考：[たった5分で簡単！AnacondaでPython3をインストール(Windows/Mac編)](https://ai-inter1.com/python-install/)）
### 5.1. Anaconda Installer をダウンロード
#### 5.1.1 このリンクをクリック https://www.anaconda.com/download/
#### 5.1.2. Anaconda Installer をダウンロード
5.1.1で開いたページに、以下のような表示があるので、ここで、自分のOSのInstaller(インストールするプログラム)をクリックして、Installer をダウンロードします。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/585767/adc2bda6-2548-6caa-49b5-546d6765d090.png", width="500">

Email Address: の下に、パソコンメールのメールアドレスを書いて、
"Agree to receive commmunication from Anaconda regarding relevant content, ..."の左側のチェックボタンにチェックを入れ、"Submit >"ボタンをクリックします。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/585767/0d7d2a1a-9bef-57a8-ac59-eeaf9b7ceeef.png", width="500">

上のような内容のメールが指定したメアドに届くので、"Download Now"ボタンをクリックしてダウンロードページを表示します。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/585767/0ef1f8c3-f976-027d-211c-048613d0eb96.png", width="400">

ダウンロードを表す、下矢印の下に箱があるアイコンをクリックしてダウンロードを始めます。

### 5.2 Anaconda Installerを実行
5.1で (Windowsの場合) ダウンロードしたInstallerをダブルクリックして実行します。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/585767/8654446b-e352-489d-543e-6ec02fb94664.png", width="500">

(このアイコンをクリックし出てきたウィンドウで"Anaconda*-*****.exe" の下の「ファイルを開く」をクリックすると、Installerの実行が始まります。)

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/585767/d5275a3f-08ef-42b7-338d-eb4b47ea586e.png", width="500">

(Installerの実行が始まると、上のようなウィンドウが表れます。ここで「Next」ボタンをクリックします)

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/585767/aaee6732-7912-b9a8-6239-8a214daddb1f.png", width="500">

(利用同意書が現れるので、これを確認し、「I Agree」ボタンをクリックします)

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/585767/0a42ea2b-24f4-3b7a-6d66-694ee1d573c6.png", width="500">

（自分だけで使うか？、このコンピュータのすべての利用者で使うか？の選択画面が表れます。ここでは、デフォルトの、自分だけで使う（Just Me）が選択された状態で「Next」ボタンをクリックします）

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/585767/014231bb-ad64-ad89-ad0d-09022fb4aa08.png", width="500">

(Anacondaをインストールするフォルダーを指定する画面が表れます。ここでは表示されたデフォルトのフォルダをそのまま選んで、「Next」ボタンをクリックします)

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/585767/039f64c0-aae3-6e6d-26ce-fc853a459e2f.png", width="500">

(Start Menu ショートカットを作成するか？Anaconda3を自分のPATH環境変数に加えるか（奨励しない）？Anaconda3を自分のPython3.11のデフォルトとして登録するか？パッケージキャッシュを終了時に消去するか？を聞く画面が表れます。これもデフォルトの選択のままにして、「Install」ボタンをクリックします)

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/585767/1e9dd443-9434-7174-0d32-8c36e6574e7d.png", width="500">

（インストールが始まります）

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/585767/e67a75a5-945b-c078-a422-70a452ca4f89.png", width="500">

（Anacond3 のセットアップが始まります。「Next」ボタンをクリックします）

<img src=https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/585767/b33761bc-b68c-c344-5c35-c1c95012a064.png", width="500">

(利用同意書が表示されます。確認して、「I Agree」ボタンをクリックします)

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/585767/34198b8c-9a2b-59ce-e48e-6685ba96c3f9.png", width="500">

(「completed」が表示されます。「Next」ボタンをクリックします)

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/585767/fc3d7b81-52f3-2a31-7553-1875aa55ce37.png", width="500">

(クラウドの利用の画面が表れます「Next」ボタンをクリックします)

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/585767/3ecde949-b280-619c-6960-23df793ff268.png", width="500">

(Anaconda3の設定の完了画面が表示されます。このまま「Finish」ボタンをクリックします。これで終わって良いのですが、以下のようにAnaconda Navigatorの更新をしても良いです)

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/585767/401df7ff-382e-fcd9-a98e-bc7900be8e88.png", width="400">　

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/585767/3fb67fa0-2824-abc5-12f2-5dea62ba057a.png", width="400">


<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/585767/9ada27d5-63b3-58da-21d2-e42cb5408bc5.png", width="400">

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/585767/6f907f7d-b3aa-42dd-eafa-baaf74f11712.png", width="400">


<img src=https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/585767/fd91ae15-1850-890b-e578-d1100e875d2b.png", width="400">


<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/585767/46423654-0658-13c9-acf6-661d0fe34352.png", width="400">


<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/585767/cfcb34fb-816e-f43f-bb03-6936fcfff289.png", width="400">


<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/585767/4ec9dec0-1849-b857-e50a-8781eaecc503.png", width="400">


<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/585767/5f3dd0d8-f84b-c614-0a1c-df638ff3bade.png", width="400">


<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/585767/766cdaf9-51a6-ed03-3f6c-7147f492e992.png", width="400">



### 5.3 Anaconda でPython をInstall
Anacondaをインストールすると、同時にPython もインストールされます。以下のようにして、Python がインストールされていることを確認することができます。

![anaconda_install_27.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/585767/5de50b34-6deb-c8fd-aea3-85ad6ca7d8a1.png)
(Windows のアイコンをクリックします)

![anaconda_install_28.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/585767/0efd1ddf-f475-8978-11d0-728e56d31d5a.png)
（出てきた画面の上方の虫眼がめの右の欄に、「ana」を入力すると、「最も一致する検索結果」の下に、Anaconda Prompt が表れます。これをクリックします）

![anaconda_install_28_2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/585767/af0f9b40-dfe4-a1f6-f48a-9513b438e92f.png)
(Anaconda Prompt のウィンドウが立ち上がります)

![anaconda_install_29.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/585767/8394d16b-7dac-b5f8-50ac-afbfabb4a833.png)
(プロンプトの右で python コマンドを入力すると、Pythonのバージョンなどが表示され、Python のREPL(Read Eval Print Loop)のプロンプト>>>が表示されます。ここでexit()を入力すると、python コマンドの実行を終了します)

## 6. Visual Studio Code (VSCode)のインストール
Visual Studio Code (VSCode)は、様々なプログラミング言語でプログラムを作成するときに利用する編集機能（エディタ）、コンパイル機能、デバッグ機能、実行機能などを統合した、統合開発環境(IDE)の一つです。拡張機能を追加することで、様々な機能を利用することができます。VSCodeがまだPCにインストールされていなければ、VSCodeをダウンロードします。参考ページの拡張機能の導入はまだ行う必要ありません。
（参考：[Visual Studio Code のインストール](https://qiita.com/cmssai/items/cde9080e32b7dfd75030)）

![vscode_install_01.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/585767/725168a7-bad9-e9f8-7213-c715646a914d.png)
ブラウザのアドレス入力欄に、"visual studio code"を入力して検索します。

![vscode_install_02.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/585767/d545401b-ed65-884c-0def-a652a8c5b19f.png)
(検索結果の中に、Visual Studio Codeの、「ダウンロード」ボタンが表れます。このボタンをクリックします)

![vscode_install_03.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/585767/b35a6906-1f76-eb3f-e5f3-ab66cc34a5f3.png)
（VSCodeが利用できるOSのアイコンの一覧が表れます)

![vscode_install_04.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/585767/b05a9b01-a363-685e-6b74-ee0122ea79ac.png)
（自分のパソコンのOSのアイコンの下にある下矢印がついたボタンをクリックして、ダウンロードを開始します）

![vscode_install_06.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/585767/7107fbf6-d971-f4b4-7581-80c45bfe8346.png)
（ダウンロードが始まると、ブラウザのウィンドウの右上に、上の図のような表示が現れます）


![vscode_install_08.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/585767/ba1cb1d8-8996-aaf0-4c93-147b4bfbe451.png)
（ダウンロードが終わって、ダウンロード中を表すウィンドウが消えたら、右上の・・・のアイコンをクリックし、現れたメニューの中の、「ダウンロード」をクリックして選びます）

![vscode_install_09.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/585767/a3384467-84ac-e9bf-ff25-3d9b45996e35.png)
(ダウンロードしたファイル一覧が表示され、その中の「VSCodeUserSetup-****.exe」の下の「ファイルを開く」をクリックし、インストールを始めます)

![vscode_install_10.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/585767/53c4636f-7468-89b1-6fa5-1fcb81c08a65.png)
（インストールが始まると上のようなウィンドウが表示されます。ここで、ライセンス条項を確認の上、「同意する」の左の⚪︎をクリックして選択します）

![vscode_install_11.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/585767/110bd92a-cfcd-5063-acef-8fb728565ee1.png)
（「次へ(N)>」ボタンをクリックします）

![vscode_install_12.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/585767/a9020f84-7def-f2d2-6b3a-2b31fddf995a.png)
(インストール先の指定で、デフォルトのインストール先のフォルダが表示されています。このまま、このウィンドウの「次へ(N)>」ボタンをクリックします)

![vscode_install_13.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/585767/0bc8c5af-ffe1-86db-4705-12519de41fab.png)
(スタートメニューフォルダ指定が現れます。このまま「次へ(N)>」ボタンをクリックします)


![vscode_install_14.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/585767/829d4003-e120-1adf-71e8-8d2a1ab15b67.png)
(追加タスクの選択が表れます。選択を表すチェックはそのままで、「次へ(N)>」をクリックします)


![vscode_install_15.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/585767/6a7bdfc0-d97a-9953-056b-26a980eea9f4.png)
(インストール準備完了が表示されます。「インストール(I)」ボタンをクリックします)


![vscode_install_16.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/585767/6d13ac43-3ab6-7b20-3419-a6feef7645ee.png)
（インストール状況が表示され、インストールが始まります）


![vscode_install_17.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/585767/ee89e152-fde2-db17-3585-cdef4d7f8a50.png)
(「Visual Studio Code セットアップウィザードの完了」が表示されたら、セットアップ終了です。右下の「完了」ボタンをクリックして、このウィンドウを閉じます)

## 7. Visual Studio Code (VSCode)の起動
VSCode を起動するには、以下の操作を行います。

![vscode_01.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/585767/a44014b7-bdbb-adc4-81c5-0293f0b573c3.png)
(Widows OSの画面のウィンドウアイコンをクリックし、出てきたウィンドウの上のコマンド入力欄で、「vsc」を入力すると、最も一致する検索結果に「Visual Studio Code」が表れます。これをクリックします)

![vscode_install_18.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/585767/55cb17e5-6d88-a6da-577e-6402f04996cc.png)
(VSCodeの画面が表示されます。)


## 8. MicroPython のプログラムを保存するフォルダの設定
VSCodeの画面の一番上の行の[File]->[Add Folder to Wrokspace...]をクリックし、現れるファイル表示ウィンドウの中で、MicroPythonのプログラムを保存するフォルダを入力します。ここで、このフォルダのパス（場所）は、日本語や空白を含まない場所にする必要があります。(良い例: "C:¥pico¥python"、悪い例:"C:¥ユーザ¥山之上¥ドキュメント¥Micro Python")
(参考：[Pico Wiki Driver, Raspberry Pi Pico Wで PukiWikiのページを読み書きする](https://qiita.com/takashiyamanoue/items/03d068a37b79d77bd0e0))

### C:ドライブ直下に MicroPython プログラムを保存する英語名のフォルダを作成します。
(ここではC:¥Pico¥pythonフォルダを作ります。英語名のフォルダの下に英語名のフォルダを作り、これをpythonプログラムの保存領域とします)

![micropico_install_00_1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/585767/84396f6c-c9e2-c737-a9a1-53fb301bb976.png)
(エクスプローラを開きます)


![micropico_install_00_02.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/585767/eee27d17-87a8-6ad1-8d27-ddd91ab51e0e.png)
(左端のアイコンの列の下の方にある、「PC」をクリックします)

![micropico_install_00_3.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/585767/f284ea4a-19cb-1dc7-69a4-8440bc93647e.png)
(右側に出てくる「Windows(C:)」をダブルクリックします。これは「ローカルディスク(C:)」のように別の名前の場合があります)


![micropico_install_00_4.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/585767/190dbd14-5077-b520-6a59-b77db6f56dd6.png)
(「(C:)」直下のフォルダが表示されます。この空白のところで右クリックし、出てきたメニューで「新規作成」->「フォルダ」を選び、クリックします。)


![micropico_install_00_5.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/585767/ceb9a1f7-d556-be71-346a-84d66c8f68cc.png)
(出てきたフォルダに、例えば「Pico」のように、半角英数字で名前をつけます)


![micropico_install_00_6.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/585767/58c49fa3-1768-e8a8-80fe-7b7b19654fee.png)
(このフォルダをダブルクリックして、このフォルダの中(下)に、もう一つフォルダを作ります。)


![micropico_install_00_7.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/585767/4131f14e-8934-c6f7-8b29-b75876042030.png)
(空白のところで右クリックして、出てきたメニューの中から「新規作成」->「フォルダ」を選びます)


![micropico_install_00_8.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/585767/1c6b4cea-2568-5786-e56f-227144f85fca.png)
(作ったフォルダに「Python」のように半角英数字で名前をつけます。これで、C:の直下に、C:¥Pico¥python という英数字名のフォルダが作成されました)

### 作成したフォルダをVSCodeのワークスペースに追加します

![micropico_install_01.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/585767/2c2297c4-4027-cb21-4b08-a0643ab6aa9c.png)
(VSCode の上のメニューから「File」（または「ファイル」）をクリックし、出てきたメニューから「Add Folder to Workspace」（または「フォルダをワークスペースに追加」）をクリックして選びます)

![micropico_install_02.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/585767/1bd95633-5488-8392-ac61-f21609d2c002.png)
(エクスプローラが表示されます。このエクスプローラで、先ほど作成した、C:¥Pico¥python フォルダを表示します。C:¥Pico¥python を表示したら、「Add」(または「追加」)ボタンをクリックします)

![micropico_install_03.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/585767/4db33345-3063-dc87-d3f0-b22a7bbace2c.png)
(上のような、このフォルダの所有者を信頼しますか？のようなウィンドウが出てきたら、「Yes」ボタンをクリックします)


## 9. MicroPicoのインストール
Pico Wで動かすMicroPythonのプログラムをVSCodeで動かすため、VSCodeの拡張機能として、MicroPicoをインストールします。
（参考：[VSCode による MicroPython 開発環境](https://www.technicalife.net/vscode-micropython-devenv/)）
 なお、MicroPicoのインストールがうまくいかない場合、VSCodeを一旦アンインストール（削除）して、最新のVSCodeをインストールし直すとインストールできる場合があります。

![micropico_install_04.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/585767/5e029c85-30f9-af12-7e86-e084f4532ef9.png)
(VSCodeの左側に縦に並んでいるアイコンの中で、四角を４つ並べたアイコン(Extentions, 拡張機能)をクリックします))

![micropico_install_05.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/585767/82739ee4-0418-d5e3-b3f1-48abcc682f3f.png)
(Extentions を探すための名前を入れる欄が表示されるので、ここで「MicroPico」を入力し、MicroPicoが、そのアイコンとともに表示されたら、「Install」ボタンをクリックします)

![micropico_install_06.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/585767/1e2c1b06-6c0c-67a8-07ec-ccaf55021709.png)
(MicroPico の拡張機能がインストールされました)


![micropico_install_07.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/585767/fb99421b-b2bd-f139-0113-e53a349b90f1.png)
(VSCodeの左上の「File」または「ファイル」をクリックし、出てきたメニューから「Open Folder」を選びます)

![micropico_install_08.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/585767/1f0fc9ad-e770-6f05-9648-76aa4053a8c3.png)
(出てきたエクスプローラで、8で作成したMicroPythonプログラムを格納するC:¥Pico¥python フォルダを選び、「フォルダの選択」をクリックします)

![micropico_install_09.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/585767/c819cc87-5442-cc36-1b4f-4fd5653d97d9.png)
(「Do you want o save your configuration as a file?」というウィンドウが表示されたら、「Save」ボタンをクリックします)

![micropico_install_10.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/585767/1a0da2f6-c843-a54e-0f40-7fc1db056538.png)
(出てきたエクスプローラで、そのまま「Save」ボタンをクリックします)

![pico_w_bootsel_01.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/585767/de71520d-2ff4-6c46-2059-d7248cee6f71.jpeg)
(Pico W がまだPCに接続されていなかったら、接続します)

![micropico_install_11.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/585767/a2adfde8-0275-ac23-4335-13f219a2c0d3.png)
(VSCodeの上のメニューの中で、「View」ボタンをクリックし、出てきたメニューの中から、「Command Palette...」を選びます)

![micropico_install_14.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/585767/40e257ba-62d3-18a7-75b1-bc1f43341f96.png)
(コマンド入力欄が現れるので、ここで「MicroPico」を入力します。そうすると、MicroPico 拡張機能で利用できるコマンドの列が表示されます。この中で、「MicroPico: Setup MicroPico project」を選びます)

(2024 12/1, 元「MicroPico: Configure project」だったのが、2024年11月ころから、「MicroPico: Setup MicroPico project」に変わったようです)


![micropico_install_13.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/585767/1f6bae6d-021f-0d85-a578-5b7a7fcbe97e.png)
(コマンドが実行される前に、Pico W が接続されていれば、VSCodeのウィンドウの左下に、「PicoConnected」が表示されます)


![micropico_install_15.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/585767/eaca9693-79ad-e49e-d210-c93ae382ff21.png)

(その後、VSCodeのウィンドウの右下に、「Project configuration completed」が表示されます)


https://qiita.com/IoriGunji/items/ebe6cefd3562639f7ca2

## 10. 最初のプログラムと実行
VSCodeでPico Wのボードについている緑色の発光ダイオードを点滅させるプログラム(Lチカプログラム)を、上で述べた、MicroPythonのプログラムを保存するフォルダの中で作成（コピペでも良い）し、Pico Wで実行し、動作確認を行います。
（参考：[VSCode による MicroPython 開発環境](https://www.technicalife.net/vscode-micropython-devenv/)）

![pico_python_01.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/585767/6c433223-e063-061a-0ec9-cf3bda780364.png)
(VSCodeの右上の「File」をクリックし、出てきたメニューで「New File」を選びます)

![pico_python_02.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/585767/9331dced-590f-6c75-7d6f-53af286b29d0.png)
(ファイル名を入力する欄が現れるので、例えば、「ex01.py」のようにMicro Pythonのプログラム名を入力します。)


![pico_python_03.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/585767/57f7a850-f335-e7c4-c472-bd110ad95fb5.png)
(エクスプローラが現れるので、そのまま「Create File」ボタンをクリックします)

![pico_python_04.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/585767/a980c63b-1906-79ed-24e6-6b511403a7f1.png)
(VSCodeの画面が上のようになり、プログラムを入力することが可能になります。プログラムを入力する場所を「編集領域」と呼びます)


(下のプログラムをコピペして、入力部分に貼り付けます)

コピペするプログラム
```Python
from machine import Pin
import time
led=Pin('LED', Pin.OUT)
while True:
    led.on()
    time.sleep(1.0)
    led.off()
    time.sleep(1.0)
```

上のプログラムの中で、
```Python
from machine import Pin
```
は、既存のmachineモジュールという、Pico Wのハードウェア操作に関するプログラム（class）をまとめたものから、Pinという、Pico Wの端子を表すclassを取り込む(importする)ことを表しています。
```Python
import time
```
は、既存の時間に関するclassである time classをimportすることを表しています。

```Python
led=Pin('LED', Pin.OUT)
```
は、Pin classから、Pico Wボードに付属のLEDに割り当てられた内部の端子に出力（0/Lowまたは 1/Highを出力）する役割を与えた、ledという名のインスタンス（プログラムの実態）を生成することを表しています。

```Python
while True:
  <繰り返される内容>
```
は、繰り返される内容を、ずっと、外部から強制的に終了されるまで、繰り返すことを表します。

<くり返される内容>の
```Python
    led.on()
    time.sleep(1.0)
    led.off()
    time.sleep(1.0)
```
は、ledをonにして(内部LEDに対応した内部端子に、1/Highを出力して)、1.0秒間待ち(sleepし)、ledをoffにして(内部LEDに対応した内部端子に、0/Lowを出力して)、1.0秒間待つ(sleepする)ことを表しています。

![pico_python_05.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/585767/b82c7b8e-aaa6-85fa-4098-a7717f000f74.png)
(プログラムが入力されたら、上のようになります)

画面の下の、Runボタンをクリックすると、入力されたプログラムがPico Wに送られ、実行されます。

![ps_01.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/585767/a12a2824-7e9c-a644-d7e8-b8dd11321573.png)
(上の「Do you want to install the recommended Python extention ...」のような表示が表れた時、「install」ボタンを実行することで、編集領域のPython プログラムが、予約後や変数名などによって色分けして表示されるようになります)

![ps_02.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/585767/e1ca854b-c2f6-9f38-51f7-114004354ccf.png)
(Python extention がインストールされた後の編集画面の表示)

## 11. プログラムの保存
作成したプログラムは、VSCodeのウィンドウの右上の「File」(ファイル)->「Save」(保存)をクリックして、保存することができます。

## 12. REPL 端末
画面の右下の領域は、Micro Pythonのプログラムの実行や入出力を行う「REPL端末 (Read Eval Print Loop 端末)」です。ここでPythonの文を１文ずつ入力してその文をその場で直接実行したり、編集領域のプログラムの端末入出力文の入力や出力を行なったりすることができます。

![20240624-repl-02.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/585767/2af8efd1-35e3-f2b2-58eb-4f623cc29ad8.png)