回路を組み立てる

配線して図と同様の回路をつくる。

3 : ブレッドボード x 1 に
4 : 7セグメントディスプレイ x 1
を設置した状態。

5 : 抵抗 180Ω × 8
を追加して配線した状態。

6 : ジャンパワイヤ × 12
を追加し、
1 : Arduino Uno x 1
に配線された状態。

2 : USBケーブル (A-B)
をつなぎ、Arduino Uno と PC を接続した状態。

1 : Arduino Uno x 1
2 : USBケーブル (A-B) x 1
3 : ブレッドボード x 1
4 : 7セグメントディスプレイ (カソードコモン) x 1
5 : 抵抗 180Ω x 8
6 : ジャンパワイヤ x 12
を用意する。

Firefox にアドオンを導入する

Mozilla Firefox に arduino.js for webpages (Firefox 用アドオン) をインストールする。

Firefox にアドオンがインストールされた状態。
確認は Firefox 右上のメニューボタン → 「アドオン」 より行う。

Arduino にプログラムを書き込む

arduino.js 7セグLED用プログラム と Arduino IDE を用意する。

7セグLED用プログラムにある "CommandServer.ino" を Arduino IDE で開く。

"CommandServer.ino" を開いた状態。

「→」マークの「マイコンボードに書き込む」ボタンをクリックする。

書き込み中は Arduino Uno の「TX」「RX」 が点滅する。書き込みが完了すると消灯する。

プログラムを開く

webpage フォルダにある 7seg.html を Firefox で開く。

完成!

参考資料

回路について
- Arduino 7セグLEDの点灯
回路図の作り方
- Fritzing
Arduinoについて
- Arduino
arduino.jsについて
- arduino.js