ウフル様 littleBits x Node-RED レクチャー資料

ウフル様 7/22

Node-RED(enebular) x littleBits

ワンフットシーバス 田中正吾

私の話はスライドを後ほど共有します。話す内容に注力いただいて大丈夫です！

自己紹介

田中正吾（たなかせいご）屋号：ワンフットシーバス

2004年よりフリーランス。以後、FLASH制作を中心にインタラクティブコンテンツを主に行い現在に至る。最近は、JavaScriptやHTML5アニメーション、スマートフォン演出制作にも関わります。デジタルサイネージやアプリ制作もやります。ツール導入やワークフロー改善に関わったりしています。

littleBits

デジタルサイネージ

デバイス

デバイス

デジタルサイネージにも人感センサーやWEBカメラなどプラスアルファな機材が出てきた。

デバイス

littleBits

こんなかんじのブロック

パーツを磁石でつなげる

間違ってると磁石なので反発する（接続ミス防止）

4つの機能を色で分かりやすくデザイン

Bits 製品情報 - littleBits よりhttp://jp.littlebits.com/bits/

たとえば

お家の明かりスイッチ

お家の明かりスイッチ

電源が流れてPOWER

スイッチを押すとINPUT

ライトがつくよOUTPUT

こんな仕組みを思いついたとする

色で役割を意識しながら設計できる

電源が流れてPOWER

スイッチを押すとINPUT

ライトがつくよOUTPUT

スイッチを押すとライトが付くよ！できた！

プログラムを書くのにも似てる

電源が流れてPOWER

スイッチを押すとINPUT

ライトがつくよOUTPUT

// INPUTLittleBitsPushSwitchModule.addEventListener( "push" , handlerMySwitchPush );

function handlerMySwitchPush(){// OUTPUTLittleBitsLEDModule.output(100);

}

そもそもデザインステキ

littleBits

littleBitsパーツのご紹介

Bits 製品情報 - littleBits よりhttp://jp.littlebits.com/bits/

ピンクは、いろんなキッカケ（ON・OFFLINE）

ピンクは、いろんなキッカケ（度合いを伝える）

特に面白いのが赤外線センサー（リモコンと連動）

みどり色はいろいろな動力や光などの反応

バーLED

RGBLED

サーボは角度で伝える

数字で状況を示したり

音で知らせたり

モーター。

バイブレーションで振動で伝えたり

Visualization(enebular)

まず、デバイスがPCと会話しやすくするArduino（あるでぃーの）というしくみがある

♪

ArduinoはUSB（シリアルポート）経由でNodeJSのserialportライブラリと会話ができる

littleBitsにもArduinoモジュールがあるのでPC経由でネットワークとやりとりが出来ます

Firmata（汎用Arduinoライブラリ）をインストールすることでNode-REDと連動

今回はenebularの入ったRaspberryPiとlittleBitsが連携します

このようにArduinoにはいろいろなパーツがついています。

入力のパーツを入れ替えていろいろな可視化が出来ます

出力もいろいろな反応を伝えられます

enebularで作ったフローでlittleBitsのセンサーを取得したり動かしたり

デモlittleBits Digital I/O Simple

デモlittleBits Arduino x Milkcocoa Flow

実際に触ってみましょう！