Arduino Web Editorの使い方
![](https://spiceman.jp/wp-content/uploads/2021/10/arduino-web-editor.png)
当記事では、Arduino Web Editorの使い方を詳しく解説します。Arduino Web EditorはWordPressのように、WEBブラウザで動作するWEBアプリケーションになります。
なお、オフラインで使用したい場合は、統合開発環境のArduino IDEをダウンロード・インストールする必要があります。詳しくは以下の記事をご覧ください。
![](https://spiceman.jp/wp-content/uploads/2021/10/arduino-download-install-300x166.png)
Arduinoアカウント作成・ログイン
まずは、以下のリンクからArduino公式WEBサイトに移動します。
![ARDUINO SIGN IN](https://spiceman.jp/wp-content/uploads/2021/10/arduino-web-editor-01-1024x524.png)
画面右上の「SIGN IN」をクリックします。
![ARDUINO CREATE A NEW ACCOUNTのアイコン](https://spiceman.jp/wp-content/uploads/2021/10/arduino-web-editor-02-1024x628.png)
画面右の「CREATE A NEW ACCOUNTのアイコン」をクリックします。すでにArduinoアカウント作成が完了している場合は、画面左側で、「Username(e-mail)」と「PASSWORD」を入力して、「LOGIN」をクリックしてログインします。
![ARDUINO Username Email Password CREATE ACCOUNT](https://spiceman.jp/wp-content/uploads/2021/10/arduino-web-editor-03-1024x711.png)
「Username」、「Email」、「Password」を入力して、必要な箇所にチェックを入れます。最後に「CREATE ACCOUNT」をクリックします。
![ARDUINO 正しい必要事項 画面切り替え](https://spiceman.jp/wp-content/uploads/2021/10/arduino-web-editor-04-1024x471.png)
正しく必要事項が入力できていれば、上記のような画面に切り替わります。
![ARDUINO 確認メール](https://spiceman.jp/wp-content/uploads/2021/10/arduino-web-editor-05-1024x956.png)
先程、入力したメールアドレスにArduino公式WEBサイトから上記のようなメールが送られてきます。メールに記載されているリンクをクリックすれば、Arduinoアカウント作成が完了します。
Arduino Pluginのダウンロード・インストール
Arduino Pluginのダウンロード
![ARDUINO SOFTWARE ONLINE TOOLS](https://spiceman.jp/wp-content/uploads/2021/10/arduino-web-editor-06-1024x525.png)
「SOFTWARE」-「ONLINE TOOLS」をクリックします。
![ARDUINO Device Manager](https://spiceman.jp/wp-content/uploads/2021/10/arduino-web-editor-07-1024x462.png)
左下のアイコンの「Device Manager」をクリックします。
![ARDUINO ADD NEW DEVICE](https://spiceman.jp/wp-content/uploads/2021/10/arduino-web-editor-08-1024x461.png)
画面を下にスクロールして、「ADD NEW DEVICE」をクリックします。
![ARDUINO Set up the Arduino Plugin...](https://spiceman.jp/wp-content/uploads/2021/10/arduino-web-editor-09-1024x536.png)
画面を下にスクロールして、「Set up the Arduino Plugin…」をクリックします。
![ARDUINO NEXT](https://spiceman.jp/wp-content/uploads/2021/10/arduino-web-editor-10-1024x462.png)
「NEXT」をクリックします。
![ARDUINO DOWNLOAD PLUGIN](https://spiceman.jp/wp-content/uploads/2021/10/arduino-web-editor-11-1024x591.png)
「DOWNLOAD PLUGIN」をクリックします。
![Arduino Plugin ダウンロード](https://spiceman.jp/wp-content/uploads/2021/10/arduino-web-editor-12-1024x495.png)
Arduino Pluginのダウンロードが開始されるので、ダウンロードが完了するまでしばらく待ちます。
Arduino Pluginのインストール
![Arduino Plugin インストーラ立ち上げ](https://spiceman.jp/wp-content/uploads/2021/10/arduino-web-editor-13-1024x574.png)
ダウンロードした実行ファイル(exeファイル)をダブルクリックしてインストーラを立ち上げます。
![Arduino Plugin 次へ](https://spiceman.jp/wp-content/uploads/2021/10/arduino-web-editor-14.png)
インストーラが立ち上がったら、「次へ」をクリックします。
![Arduino Plugin 同意](https://spiceman.jp/wp-content/uploads/2021/10/arduino-web-editor-15.png)
「使用承諾契約に同意しますか?」で「同意します」を選択して、「次へ」をクリックします。
![Arduino Plugin インストールディレクトリ](https://spiceman.jp/wp-content/uploads/2021/10/arduino-web-editor-16.png)
インストール先のディレクトリを指定して、「次へ」をクリックします。
![Arduino Plugin 次へ](https://spiceman.jp/wp-content/uploads/2021/10/arduino-web-editor-17.png)
「次へ」をクリックします。
![Arduino Plugin 次へ](https://spiceman.jp/wp-content/uploads/2021/10/arduino-web-editor-18.png)
「次へ」をクリックします。
![Arduino Plugin インストール開始 待機](https://spiceman.jp/wp-content/uploads/2021/10/arduino-web-editor-19.png)
インストールが開始されるので、そのまま完了するまで待ちます。
![Arduino Plugin インストール完了 終了](https://spiceman.jp/wp-content/uploads/2021/10/arduino-web-editor-20.png)
インストールが完了したら、「終了」をクリックします。
![Arduino Plugin ドライバ インストール](https://spiceman.jp/wp-content/uploads/2021/10/arduino-web-editor-21.png)
ドライバをインストールするのか聞かれるので、そのまま「はい」をクリックします。
![Arduino Plugin PC画面のタスクバー](https://spiceman.jp/wp-content/uploads/2021/10/arduino-web-editor-22-1024x509.png)
Arduino公式WEBサイトに戻ると、上記の画面に切り替わっています。また、自分のPC画面のタスクバーにArduino Pluginのアイコンが表示されていることを確認します。
プログラムの書き込み
Arduino Pluginのインストールが完了したら、試しにサンプルスケッチ(サンプルプログラム)を書き込んでみたいと思います。
![Arduinoボード PC USBケーブル](https://spiceman.jp/wp-content/uploads/2021/10/arduino-web-editor-23.png)
ArduinoボードをUSBケーブルで、Arduino IDEを使用するPCに接続します。当記事では、Arduino Unoを使用して説明していきます。
以下の記事で初心者でもわかりやすいように、ランキング形式でおすすめのArduinoボードを紹介しているので、ぜひご覧ください。
![](https://spiceman.jp/wp-content/uploads/2021/10/arduino-recommendation-300x200.jpg)
また、以下の記事で、安価でWi-Fi/Bluetoothに対応している「ESP32開発ボード」についてもまとめてみました。
このボードは、Arduinoボードではありませんが、Arduino IDEでソフト開発ができるため、電子工作でIoTを実現したい方におすすめです。
![](https://spiceman.jp/wp-content/uploads/2021/10/esp32-recommendation-300x169.jpg)
先程の「Plugin correctly installed!」の画面で「NEXT」をクリックすると、Arduino Web Editorの画面に切り替わります。
また、次回からはログイン後、「SOFTWARE」-「ONLINE TOOLS」をクリックして、さらに「Arduino Web Editorのアイコン」をクリックすると、Arduino Web Editorの画面に切り替わります。
![Arduino Web Editor Examples](https://spiceman.jp/wp-content/uploads/2021/10/arduino-web-editor-24-1024x533.png)
「Examples」をクリックします。
![Arduino Web Editor BASICS Blink Upload](https://spiceman.jp/wp-content/uploads/2021/10/arduino-web-editor-25-1024x535.png)
「BASICS」内の「Blink」をクリックすると、右側の画面にスケッチ(プログラム)が表示されるので、「Upload」をクリックします。
![Arduino Web Editor 書き込み成功](https://spiceman.jp/wp-content/uploads/2021/10/arduino-web-editor-26-1024x536.png)
スケッチがArduino Unoに書き込まれると、「Success(成功)」と表示され、Arduino UnoのLEDが1秒間隔で点滅します。