Webデザイナー、 Tesselに挑戦

秋葉秀樹

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

プログラマーじゃないので専門的なことはわからないです。

Tesselのほとんど村岡さんに教えてもらった。

Herokuデプロイは興梠さん、

Node.jsは白石（俊平）さん、

つまり僕は教えてもらうことばかり。

Node.jsでプログラミングするマイコンTesselをつかって、

http通信しようとしたら「思うように動かなかった」話をします

今日のお話

ここ数日、 とても天気がよかった

陽にあたって ポカポカと気持ちがいい

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

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/

Node.jsによるプログラミング !Wi-Fi(wifi-cc3000)を内蔵している !他のボードと違い、各モジュールの配線が不要 !JavaScriptはLuaに変換され実行される

（Web, フロントエンドな人にもなじみがある）

!（非常に貧弱）

!（楽なことが良いことばかりではない、あと割高感がある）

!（現状はUSB接続してターミナルよりコマンドで実行）

導入

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

$ npm install tessel

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

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ファイルを書いて保存

$ tessel run sample.js

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

DEMO

Wi-Fiを使用する

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

Node.jsなので、HTTPリクエストもしくはWebソケットを実装したいサーバーへ通信

問題点Wi-Fiが弱いため、Web Socketで常に送受信するのはつらい Tesselの容量が少ないため、node_modulesのサイズでボトルネックになることも…

よって、Webブラウザと同じ考えで リッチなことをやるのは無理と考えた方がいい

今回はHTTPリクエストをNodeサーバに飛ばすことを考える

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

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

DEMO

カメラで写真を保存する

Tesselを起動させたら即写真を撮るだけのテストカメラ（camera-vc0706）を使う

DEMO

$ tessel run camera_sample.js --upload-dir ./

https://forums.tessel.io/t/camera-image-base64-encoding-time/318

なんとも恐ろしい…画像をBase64でサーバに送りたい、と思ったら…

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

一定以上の光量を検知したら、写真を撮る光と音センサー（ambient-attx4）とカメラ（camera-vc0706）

カメラ起動 センサー起動 光量のイベント で待機

必ずonイベントで順を踏むこと

DEMO

まとめ

夢はひろがるまとめ

もどかしい…スタンドアロン環境が醍醐味のハードウェアボードなだけに、Web Socketなど存分に使いたいが、現状では落ちまくるため現実的ではない。

致命的…最悪、Tesselを強制再起動させたい場合のAPIが見つからず、このあたりはファームウェアアップデートに期待

いつもと違うスキルが必要…「何でもJSでできる世の中」とうたっても、ハードウェアにはそれなりの制約があることを実感。 やはりWebブラウザは強力なだけに恵まれているな、と。

我が家のネコ、「ちくわ」です。よろしく。

シカシ、ユメ ハ ヒロガル ネ！

サーボで自動餌やり機をつくってみたい

ありがとうございました！

JavaScript（Node.js）で色々なハードウェアモジュールが動くマイコンボード Tessel を手に入れたので詳しく調べてみた - 凹みTips http://tips.hecomi.com/entry/2014/07/06/235056

橋本商会 » tesselをカメラ付きwebサーバーにする http://shokai.org/blog/archives/9426

参考にさせてもらいました日本語のTessel記事