2014年11月16日、JS board 勉強会 東京 #1で発表した、JavaScriptで動くマイコン「Tessel」に挑戦した話。

1. Webデザイナー、
Tesselに挑戦
秋葉秀樹

2. 秋葉秀樹（あきば・ひでき）
株式会社ツクロア（tuqulore） 代表取締役・デザイナー
!
筑波大学非常勤講師、HTML5 experts.jp
DTP・グラフィックデザイン・Webフロントエンド・Flash・3DCG
サービスデザイン

3. プログラマーじゃないので専門的なことはわからないです。
Tesselのほとんど村岡さんに教えてもらった。
Herokuデプロイは興梠さん、
Node.jsは白石（俊平）さん、
つまり僕は教えてもらうことばかり。
Node.jsでプログラミングするマイコンTesselをつかって、
http通信しようとしたら「思うように動かなかった」話をします
今日のお話

4. ここ数日、
とても天気がよかった
陽にあたって
ポカポカと気持ちがいい

5. 温度とか、明るさとか
身の回りのリアルな情報がある

6. TECH SPECS
!
THE NITTY
Programmable via JavaScript
14 different hardware modules for added capabilities
Compatible with 10,000's of Node.js packages on NPM
Deploy over USB or remotely by WiFi
!
THE GRITTY
180mhz ARM Cortex-M3 LPC1830
32mb SDRAM
32mb Flash
TI CC3000 WiFi radio
20-pin GPIO bank for general prototyping
Micro USB or battery power
Technical Machine : https://tessel.io/

8. Node.jsによるプログラミング
!
Wi-Fi(wifi-cc3000)を内蔵している
!
他のボードと違い、各モジュールの配線が不要
!
JavaScriptはLuaに変換され実行される
（Web, フロントエンドな人にもなじみがある）
!
（非常に貧弱）
!
（楽なことが良いことばかりではない、あと割高感がある）
!
（現状はUSB接続してターミナルよりコマンドで実行）

9. 導入

10. Tessel本家（おそらく海外）から購入しても、数日で届いた
Tesselを購入

11. $ npm install tessel
node_modulesにインストールされる
NPMよりtesselモジュールを取得

12. var tessel = require('tessel');!
!
var led1 = tessel.led[0].output(1);!
var led2 = tessel.led[1].output(0);!
!
setInterval(function () {!
led1.toggle();!
led2.toggle();!
}, 30);
Node.jsの流儀どおり、requireさせる
JavaScriptファイルを書いて保存

13. $ tessel run sample.js
ローカル環境でNode.jsプログラムを実行する感覚でいい
USBで接続してターミナルより実行
DEMO

14. Wi-Fiを使用する

15. Tesselに記憶させる方法は主に2種類
Wi-FiのSSIDとパスワードを設定
方法1. ターミナルよりTesselに送信
方法2. JavaScript実行ファイルに記述する
var wifiSettings = {!
ssid: "Buffalo-G-5D60",!
password: “**********“,!
security: "wpa2", // optional!
timeout: 20 // optional!
};!
wifi.connect(wifiSettings, callback);
$ tessel wifi -n Buffalo-G-5D60 -p ********** -s wpa2

16. Node.jsなので、HTTPリクエストもしくはWebソケットを実装したい
サーバーへ通信
問題点
Wi-Fiが弱いため、Web Socketで常に送受信するのはつらい
Tesselの容量が少ないため、node_modulesのサイズでボトルネックに
なることも…
よって、Webブラウザと同じ考えで
リッチなことをやるのは無理と考えた方がいい
今回はHTTPリクエストをNodeサーバに飛ばすことを考える

17. 部屋の温度をWebサイトに表示する

18. TesselからNode.jsサーバ経由でWebサイトへグラフ表示
温度センサー（climate-si7020）を使ってWebサイトに表示
DEMO

19. カメラで写真を保存する

20. Tesselを起動させたら即写真を撮るだけのテスト
カメラ（camera-vc0706）を使う
DEMO
$ tessel run camera_sample.js --upload-dir ./

21. https://forums.tessel.io/t/camera-image-base64-encoding-time/318
なんとも恐ろしい…
画像をBase64でサーバに送りたい、と思ったら…

22. 明るさを感知したら、写真を保存させる

23. 一定以上の光量を検知したら、写真を撮る
光と音センサー（ambient-attx4）とカメラ（camera-vc0706）
カメラ起動 センサー起動
光量のイベント
で待機
必ずonイベントで順を踏むこと
DEMO

24. まとめ

25. 夢はひろがる
まとめ
もどかしい…
スタンドアロン環境が醍醐味のハードウェアボードなだけに、Web Socket
など存分に使いたいが、現状では落ちまくるため現実的ではない。
致命的…
最悪、Tesselを強制再起動させたい場合のAPIが見つからず、このあたり
はファームウェアアップデートに期待
いつもと違うスキルが必要…
「何でもJSでできる世の中」とうたっても、ハードウェアにはそれなりの
制約があることを実感。
やはりWebブラウザは強力なだけに恵まれているな、と。

26. 我が家のネコ、「ちくわ」です。よろしく。
シカシ、ユメ ハ ヒロガル ネ！
サーボで自動 やり機をつくってみたい

27. ありがとうございました！
JavaScript（Node.js）で色々なハードウェアモジュールが動くマイコンボー
ド Tessel を手に入れたので詳しく調べてみた - 凹みTips
http://tips.hecomi.com/entry/2014/07/06/235056
橋本商会 » tesselをカメラ付きwebサーバーにする
http://shokai.org/blog/archives/9426
参考にさせてもらいました日本語のTessel記事