JavaScript と Arduino でオリジナルデバイスを作ろう
Upcoming SlideShare
Loading in...5
×
 

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

on

  • 2,197 views

http://atnd.org/events/47308

http://atnd.org/events/47308

Statistics

Views

Total Views
2,197
Views on SlideShare
1,967
Embed Views
230

Actions

Likes
9
Downloads
11
Comments
0

3 Embeds 230

http://html5j-entech.hatenablog.com 128
http://blog.hatena.ne.jp 63
https://twitter.com 39

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

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

  • 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 基礎知識 電子回路の組み方 自分のプログラムと連携させる手順 応用例
  • ここに 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'); }); });
  • デモ
  • LEDとスイッチの組み合わせ
  • デモ
  • 面白そうなネタ • IR レシーバ – リモコン操作 • ガスセンサー – おなら検知 ⇒ LED や Twitter で盛大に通知 • 土壌湿度センサー – 水やり時期を教えてもらう
  • 良い情報源 抵抗の見分け方 http://part.freelab.jp/s_regi_list.html 回路の作り方 http://arduino.cc/en/Tutorial
  • 今回の詳細 コード・回路図はココからどうぞ。 github.com/ iwanaga/arduino-test