LoginSignup
8
4

More than 5 years have passed since last update.

ARDUINO WEB EDITOR(ONLINE TOOLS)セットアップ方法

Posted at

はじめに

WEBブラウザ上でArduinoの開発を行うためのセットアップ方法です。
オフライン環境で開発を行いたい場合は、WEBブラウザの戻るボタンを押してArduino IDEのインストール方法を探して下さい。

必要なもの

  • WEB接続可能なPC
  • Arduino
  • USBケーブル

セットアップ方法

  1. Arduinoの公式サイトにログインする。
    アカウントが無い場合は「CREATE A NEW ACCOUTN」からアカウントを開設 or Googleアカウントでログインしてください。
    bandicam 2018-09-04 11-44-44-496.png

  2. 「SOFTWARE」→「ONLINE TOOLS」をクリックする。
    bandicam 2018-09-04 11-46-19-031.png

  3. 「Device Manager」をクリックする。
    bandicam 2018-09-04 11-47-35-765.png

  4. 「ADD NEW DEVICE」をクリックする。
    bandicam 2018-09-04 11-48-04-995.png

  5. 「Set up the Arduino...」をクリックする。
    bandicam 2018-09-04 11-49-13-536.png

  6. PCにArduinoを接続して「NEXT」をクリックする。
    Lが点滅するけど気にしなくてOK。
    bandicam 2018-09-04 11-49-33-748.png
    IMG_1224.jpg

  7. 「DOWNLOAD PLUGIN」をクリックする。
    bandicam 2018-09-04 11-49-59-373.png

  8. プラグインのダウンロードが始まるのでダウンロードが終わるまで待つ。
    bandicam 2018-09-04 11-50-05-233.png

  9. ダウンロードが終わったら起動して「次へ」をクリックする。
    bandicam 2018-09-04 11-54-25-531.png

  10. 「同意する」を選択して「次へ」をクリックする。
    bandicam 2018-09-04 11-54-41-872.png

  11. 「次へ」をクリックする。
    インストール先はデフォルトのままでOK。
    _bandicam 2018-09-04 11-54-49-755.png

  12. 「次へ」をクリックする。
    bandicam 2018-09-04 11-55-06-674.png

  13. インストールが始まるので終わるまで待つ。ドライバもインストールする。
    bandicam 2018-09-04 11-55-20-657.png

  14. 「終了」をクリックする。bandicam 2018-09-04 11-56-05-441.png

  15. 「NEXT」をクリックする。
    bandicam 2018-09-04 11-56-13-344.png

プログラムのアップロードを行う

Blink.ino
// the setup function runs once when you press reset or power the board
void setup() {
  // initialize digital pin LED_BUILTIN as an output.
  pinMode(LED_BUILTIN, OUTPUT);
}
// the loop function runs over and over again forever
void loop() {
  digitalWrite(LED_BUILTIN, HIGH);   // turn the LED on (HIGH is the voltage level)
  delay(1000);                       // wait for a second
  digitalWrite(LED_BUILTIN, LOW);    // turn the LED off by making the voltage LOW
  delay(1000);                       // wait for a second
}
  1. ARDUINO WEB EDITORの「Examples」→「01.BASICS」→「Blink」を開く
    bandicam 2018-09-04 11-57-08-807.png

  2. Blink.inoの「LED_BUILTIN」に任意のPinを割り当てる。

  3. 「Verify」をクリックして「Success: Done verifying ***」と表示されればOK。
    bandicam 2018-09-04 11-59-36-738.png
    bandicam 2018-09-04 11-59-45-616.png

  4. 「Upload」をクリックして「Success: Done uploading ***」と表示されればOK。
    bandicam 2018-09-04 12-26-17-705.png
    bandicam 2018-09-04 12-26-51-866.png

  5. 「delay」の括弧内を任意の数値に変更してVerify&Uploadする。

  6. デフォルトでは「delay(1000)」なのでLが1秒間点灯して1秒間消灯するが、5以降は指定した時間で点滅するようになる。
    IMG_1224.jpg

アップロードできない場合の対処法

  1. 「Select Other Board & Port」をクリックする。
    スクリーンショット 2018-09-04 13.32.12.png

  2. 使用している環境に合わせて「BOARDS」「PORTS」「FLAVOURS」を設定する。
    Macの場合は「BOARDS」「FLAVOURS」だけでOK。
    bandicam 2018-09-04 12-28-35-728.png

8
4
0

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
8
4