Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Webデザイナー、
Tesselに挑戦
秋葉秀樹
秋葉秀樹(あきば・ひでき)
株式会社ツクロア(tuqulore) 代表取締役・デザイナー
!
筑波大学非常勤講師、HTML5 experts.jp
DTP・グラフィックデザイン・Webフロントエンド・Flash・3DCG
サービスデザイン
プログラマーじゃないので専門的なことはわからないです。
Tesselのほとんど村岡さんに教えてもらった。
Herokuデプロイは興梠さん、
Node.jsは白石(俊平)さん、
つまり僕は教えてもらうことばかり。
Node.jsでプログラミングす...
ここ数日、
とても天気がよかった
陽にあたって
ポカポカと気持ちがいい
温度とか、明るさとか
身の回りのリアルな情報がある
TECH SPECS
!
THE NITTY
Programmable via JavaScript
14 different hardware modules for added capabilities
Compatible with 10,...
Node.jsによるプログラミング
!
Wi-Fi(wifi-cc3000)を内蔵している
!
他のボードと違い、各モジュールの配線が不要
!
JavaScriptはLuaに変換され実行される
(Web, フロントエンドな人にもなじみがある)
!...
導入
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...
$ tessel run sample.js
ローカル環境でNode.jsプログラムを実行する感覚でいい
USBで接続してターミナルより実行
DEMO
Wi-Fiを使用する
Tesselに記憶させる方法は主に2種類
Wi-FiのSSIDとパスワードを設定
方法1. ターミナルよりTesselに送信
方法2. JavaScript実行ファイルに記述する
var wifiSettings = {!
ssid: "Buf...
Node.jsなので、HTTPリクエストもしくはWebソケットを実装したい
サーバーへ通信
問題点
Wi-Fiが弱いため、Web Socketで常に送受信するのはつらい
Tesselの容量が少ないため、node_modulesのサイズでボトルネ...
部屋の温度を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が見つか...
我が家のネコ、「ちくわ」です。よろしく。
シカシ、ユメ ハ ヒロガル ネ!
サーボで自動 やり機をつくってみたい
ありがとうございました!
JavaScript(Node.js)で色々なハードウェアモジュールが動くマイコンボー
ド Tessel を手に入れたので詳しく調べてみた - 凹みTips
http://tips.hecomi.com/entry/2...
Webデザイナー、 Tesselに挑戦
Upcoming SlideShare
Loading in …5
×

Webデザイナー、 Tesselに挑戦

2,468 views

Published on

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

Published in: Design
  • Be the first to comment

Webデザイナー、 Tesselに挑戦

  1. 1. Webデザイナー、 Tesselに挑戦 秋葉秀樹
  2. 2. 秋葉秀樹(あきば・ひでき) 株式会社ツクロア(tuqulore) 代表取締役・デザイナー ! 筑波大学非常勤講師、HTML5 experts.jp DTP・グラフィックデザイン・Webフロントエンド・Flash・3DCG サービスデザイン
  3. 3. プログラマーじゃないので専門的なことはわからないです。 Tesselのほとんど村岡さんに教えてもらった。 Herokuデプロイは興梠さん、 Node.jsは白石(俊平)さん、 つまり僕は教えてもらうことばかり。 Node.jsでプログラミングするマイコンTesselをつかって、 http通信しようとしたら「思うように動かなかった」話をします 今日のお話
  4. 4. ここ数日、 とても天気がよかった 陽にあたって ポカポカと気持ちがいい
  5. 5. 温度とか、明るさとか 身の回りのリアルな情報がある
  6. 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/
  7. 7. Node.jsによるプログラミング ! Wi-Fi(wifi-cc3000)を内蔵している ! 他のボードと違い、各モジュールの配線が不要 ! JavaScriptはLuaに変換され実行される (Web, フロントエンドな人にもなじみがある) ! (非常に貧弱) ! (楽なことが良いことばかりではない、あと割高感がある) ! (現状はUSB接続してターミナルよりコマンドで実行)
  8. 8. 導入
  9. 9. Tessel本家(おそらく海外)から購入しても、数日で届いた Tesselを購入
  10. 10. $ npm install tessel node_modulesにインストールされる NPMよりtesselモジュールを取得
  11. 11. 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ファイルを書いて保存
  12. 12. $ tessel run sample.js ローカル環境でNode.jsプログラムを実行する感覚でいい USBで接続してターミナルより実行 DEMO
  13. 13. Wi-Fiを使用する
  14. 14. 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
  15. 15. Node.jsなので、HTTPリクエストもしくはWebソケットを実装したい サーバーへ通信 問題点 Wi-Fiが弱いため、Web Socketで常に送受信するのはつらい Tesselの容量が少ないため、node_modulesのサイズでボトルネックに なることも… よって、Webブラウザと同じ考えで リッチなことをやるのは無理と考えた方がいい 今回はHTTPリクエストをNodeサーバに飛ばすことを考える
  16. 16. 部屋の温度をWebサイトに表示する
  17. 17. TesselからNode.jsサーバ経由でWebサイトへグラフ表示 温度センサー(climate-si7020)を使ってWebサイトに表示 DEMO
  18. 18. カメラで写真を保存する
  19. 19. Tesselを起動させたら即写真を撮るだけのテスト カメラ(camera-vc0706)を使う DEMO $ tessel run camera_sample.js --upload-dir ./
  20. 20. https://forums.tessel.io/t/camera-image-base64-encoding-time/318 なんとも恐ろしい… 画像をBase64でサーバに送りたい、と思ったら…
  21. 21. 明るさを感知したら、写真を保存させる
  22. 22. 一定以上の光量を検知したら、写真を撮る 光と音センサー(ambient-attx4)とカメラ(camera-vc0706) カメラ起動 センサー起動 光量のイベント で待機 必ずonイベントで順を踏むこと DEMO
  23. 23. まとめ
  24. 24. 夢はひろがる まとめ もどかしい… スタンドアロン環境が醍醐味のハードウェアボードなだけに、Web Socket など存分に使いたいが、現状では落ちまくるため現実的ではない。 致命的… 最悪、Tesselを強制再起動させたい場合のAPIが見つからず、このあたり はファームウェアアップデートに期待 いつもと違うスキルが必要… 「何でもJSでできる世の中」とうたっても、ハードウェアにはそれなりの 制約があることを実感。 やはりWebブラウザは強力なだけに恵まれているな、と。
  25. 25. 我が家のネコ、「ちくわ」です。よろしく。 シカシ、ユメ ハ ヒロガル ネ! サーボで自動 やり機をつくってみたい
  26. 26. ありがとうございました! JavaScript(Node.js)で色々なハードウェアモジュールが動くマイコンボー ド Tessel を手に入れたので詳しく調べてみた - 凹みTips http://tips.hecomi.com/entry/2014/07/06/235056 橋本商会 » tesselをカメラ付きwebサーバーにする http://shokai.org/blog/archives/9426 参考にさせてもらいました日本語のTessel記事

×