狠狠撸

狠狠撸Share a Scribd company logo
JavaScript と Arduino で
オリジナルデバイスを作ろう

html5j エンタメ技術部

第1回勉強会
話者

@y_iwanaga_
@quake_alert
テレビより早い
地震速報
30分後:

オリジナルデバイスを作れる状態

? 自分で回路を組み、
? 自分のコードで操る
Arduino の役割:1. 出力

電流を供給されて光る

電圧を発生させる
Arduino の役割:2. 入力

電圧を読み取る
0 V ? 5V → 0 ? 1023 or 0, 1 に変換

センサーの
抵抗変化?電流発生
必要な材料

個別に買うのは面倒くさい。キットを買えばいい。
オススメ

Arduino エントリーキット
必要十分なパーツ。安い。
Amazon で注文し、2 日後に届いた。

(TechShare)
この後の流れ
?
?
?
?

Arduino 基礎知識
電子回路の組み方
自分のプログラムと連携させる手順
応用例
この後の流れ
?
?
?
?

Arduino 基礎知識
電子回路の組み方
自分のプログラムと連携させる手順
応用例
JavaScript と Arduino でオリジナルデバイスを作ろう
ここに USB ケーブルを挿して、PC とつなぐ
DIGITAL I/O
電圧をかける or 読み取る。
L, TX, RX インジケータ
GND
出力の終端をここにつなぐ。
Analog In
電圧値を細かく読み取りたいときはココに。
Power
シールドに電源を供給するときはココから。
Reset ボタン
初期状態に戻したいときにプッシュ!
この後の流れ
?
?
?
?

Arduino 基礎知識
電子回路の組み方
自分のプログラムと連携させる手順
応用例
Breadboard
Breadboard
例
鉄の掟
パーツの

許容電流 を守る。
过电流が流れて
こうなります。
電流は抵抗で調節すればいい。
使うべき抵抗値 =

[電源の電圧] ? [パーツに加える電圧]
[流す電流]

5 V 固定
パーツの仕様書で調べる

? パーツが決まれば、自動的に決まる。
この後の流れ
?
?
?
?

Arduino 基礎知識
電子回路の組み方
自分のプログラムと連携させる手順
応用例
概要

StandardFirmata

Firmata protocol
JavaScript ライブラリ

johnny-five
CylonJS
この後の流れ
?
?
?
?

Arduino 基礎知識
電子回路の組み方
自分のプログラムと連携させる手順
応用例
回路
コード
var j5
= require('johnny-five'),
arduino = new j5.Board();
arduino.on('ready', function(){
var led = new j5.Led({
pin: 13
});
led.strobe(200);
});
デモ
スイッチの ON/OFF を拾う
var j5 = require('johnny-five'),
arduino = new j5.Board();
arduino.on('ready', function(){
var button = new j5.Button({
pin: 2,
holdtime: 2000
});
button.on('down', function(){
console.log('button - on');
});
button.on('up', function(){
console.log('button - released');
});
button.on('hold', function(){
console.log('button - hold');
});
});
デモ
尝贰顿とスイッチの组み合わせ
デモ
面白そうなネタ
? IR レシーバ
– リモコン操作

? ガスセンサー
– おなら検知 ? LED や Twitter で盛大に通知

? 土壌湿度センサー
– 水やり時期を教えてもらう
良い情報源
抵抗の見分け方
http://part.freelab.jp/s_regi_list.html

回路の作り方
http://arduino.cc/en/Tutorial
今回の詳細
コード?回路図はココからどうぞ。

github.com/

iwanaga/arduino-test

More Related Content

JavaScript と Arduino でオリジナルデバイスを作ろう