raspberry pi...

第37回Creators MeetUpRaspberry Pi Zero＋SORACOM＋littleBitsで手で持てそうなデバイスのプロトタイプを3Dプリンタと連携してやってみるよ

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

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

自己紹介

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

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

あとウォンバットが好きで情報集めに自分のWEB力を全力で注いでいます

なぜ手に持てるデバイスにしたいか？

Internet of Things（インターネットのモノ化）

Internet of Things（インターネットのモノ化）

Things||

モノ（物体）

Things||

モノ（物体）・ものごと・考え

Internet of Things

デバイスというモノや物事（アクション）をインターネットとつなげて

見えないものが見えたり（＝可視化）より便利になったりすること

デバイス WEB デバイス WEB

ということで

わたくし最近よくIoTネタをやる

すしインタラクティブデバイス1号ネタ

すしインタラクティブネタはLIGさんのブログで舞台裏を書いています

気軽にIoTのプロトタイプを作れるlittleBitsのMAKEY MAKEYモジュールを使ってみた | 株式会社LIGhttp://liginc.co.jp/203593

中身はこんな感じ

デバイス部分はlittleBitsというブロック的に電子工作するデバイスを使ってます

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

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

カラーごとの役割を意識してつなげて磁石でパチパチつなげて設計できる

電源が流れてPOWER

スイッチを押すとINPUT

ライトがつくよOUTPUT

デバイス1号ネタもこんなかんじ

IoTなのでネットつながらないとツラい

Wifiつながりにくい問題（IoTなのに）

そこでSORACOM。LTE通信できるSIM。

クラウドで通信速度のコントロールができたり、データ通信量の情報を取得できる。IoT向き。

USBモデムに入れてPC（Raspberry Pi 2）にもつながる！

SORACOMはLTE通信。スマホが屋外でつながるように、

デバイスもつながる！

こんな風に据え置きデバイスもいいけど

スマホのように屋外でつながるなら手で持てるデバイスにして

いろいろなプロトタイプ（試作）をしたい！

そして、さらにやってみたくなる機運

IoTでデバイスと通信を橋渡しするPC（Raspberry Pi 2）は名刺サイズでちょい大きい

ついつい据え置きデバイスになりがち

Raspberry Pi Zero との出会い

昨年12月に登場したRaspberry Piの新型。5ドルでお安い・かわいい・小さい。

5ドルは、だいたい500円！

大きさも従来の半分。フリスクケースちょっとはみ出すくらい。

これは手で持てそう！

感動のあまり、いきおいあまってケースを作りたくなった

まずダミーRaspberry Pi Zeroを作ってケースの基礎にしてみます。

（3Dプリントダミー持ってきたのでZeroのちいささを触れてみてください）

ど根性で形状どりを、こんな感じで進めて

スキャン SVG

トレース 押し出し手トレース

RasPiZeroの形をとってスキャン、

IllustratorでトレースしてSVG化、

まずRasPiZeroだけのケースを作ってみる

ついでにウォンバットのレリーフも

いざ出力！

私が3Dプリンタを買うわけではなく、

お店に3Dデータを持って行くと3Dプリンタで出力してくれるところがある

中野ブロードウェイの「あッ3Dプリンター屋だ!!」さん！

エンジニアさん（店長さん）が適切なプリント方法で出してくれます

ということで

試行錯誤のすえに出来上がりまして

いいかんじにRasPiZeroのケースは出来上がって形のアテがついた

いざ、手持ちデバイスつくってみよう！

形状を決めるまでの試行錯誤

まず形のイメージつかないので地道に行くことにした

SORACOMの形状もとって

SORACOM込みの形状の感覚をつかむ

感覚をつかんだら設計！設計！（手書き）

トレースしてSVG（パスデータ）化

にぎり手部分でPC（RasPiZero）と通信（SORACOM）を担当し

通信PC

littleBitsでデバイスをあれこれするプロトタイプ部分を担当

SORACOM部分の支えも考える

読み込んで3Dデータで起こしてみた

いいかんじそう！？

littleBitsマウントボードもいいぐあいにはまりそうか！？

SORACOM支えが薄すぎて手で持ったらボッキリ・・・。

ここはプログラムと一緒で3Dプリントも設計したとおりに出来上がり、設計したとおりに強くも壊れやすくもなるね！

学び

折れたところを3Dプリンタやさんからもアドバイスをもらって補強！

できたー（今週火曜日）

早速組んでみる

つかんでみる！いいぞ！

いざプロトタイプをうごかす！

ざっくりデモを作ってみる

プロトタイプの余白を意識したあまり

羽子板っぽく大きくなったのはご愛嬌

センサーやボタン PC 通信

ともあれネットとやり取りできる

ネットとはどうやりとりするの？いろんなサービスとつなげると大変じゃない？

そこでIFTTTをつかって気軽にやってみる

IFTTTはWEBサービス同士のルール（API）を橋渡しして簡単につなげるサービス

IFTTTには自前のサーバーに命令できるMaker Channelという便利なものがあり

これでデバイスを動かせる

WEB(IFTTT)からデバイス、デバイスからWEB(IFTTT)両方動く。以下フローのように行き来する。

IFTTTスマホアプリから明かりが点灯

羽子板ボタンでチャット(slack)が反応

デモ

うまくいってほしい。

中継サーバー(Heroku)

ハードウェアプロトタイプ

WEBサービス連携 RasPi Zero(NodeRED)

Maker Channel

HTTP MQTT

HTTP

Maker Channel

全体のしくみ

ハードウェアプロトタイプ

WEBサービス連携 RasPi Zero(NodeRED)

HTTP

Maker Channel

チャットお知らせは、IFTTT指定のURLに出すだけでやりやすい

中継サーバー(Heroku)

ハードウェアプロトタイプ

WEBサービス連携 RasPi Zero(NodeRED)

Maker Channel

HTTP MQTT

WEB反応もリアルタイムにするための中継サーバーはあるがシンプル

ハードウェアプロトタイプ

RasPi Zero(NodeRED)

MQTT

PC内（RasPi）もNodeREDという楽しいツールを使っている

HTTP

RasPi Zero (NodeRED) ハードウェアプロトタイプ

MQTT

RasPi内のNodeREDも視覚的にサーバープログラムを書けて楽しい

RasPi Zero (NodeRED) ハードウェアプロトタイプ

プログラムは少なめでほぼNodeREDだけで視覚的に組めている

（ここもブロックぽい試行錯誤ができてる）

HTTP

ということで

littleBits側のセンサーや反応をあれこれ変えて、IFTTT側のつなげるWEBサービスをいろいろ変えると楽しそう！

そして、手元で何かが動いたり伝わったりするのは面白そうだ！

今後も改良していきたい。（ひとまず小型化とか）

➔まとめ（Thingsのほう）◆ IoTのThings（モノ）では、デバイスのより小型化の機運を感じる。

◆デバイスだけでなく周囲の形状もなんとかしたくなるときがある！そういうときに3Dプリンタで出力して自分の思い描く形を試してみるのも楽しい。

◆ 3Dプリンタの出力は、フリーの3Dソフトもあり身近なソフト(Illustrator）といったものでも連携できるので敷居が低くなってる。

◆ littleBitsやMESHのようにブロック的なコンセプトでプロトタイプを試行錯誤しやすくなってきている。

➔まとめ（Internetのほう）◆ IoTのInternetもIFTTT・Yahoo myThingsといった気軽にAPIをつなげるサービスがでてきてアイデアが具現化しやすくなった。

◆プログラムでの知見も整いだしたので、NodeREDのようなビジュアルプログラムもできるようになり試行錯誤がしやすくなってきている。

みなさんも自分好みのIoTをいろいろと試してみましょう！たのしいよ！

ご清聴いただきましてありがとうございました！