狠狠撸

狠狠撸Share a Scribd company logo
Session01
知育電子ブロック玩具littleBitsに私が
知育された話
20150516 第28回Creators MeetUp 田中正吾
私の話はスライドは後ほど共有します。
話す内容に注力いただいて大丈夫です!
自己绍介
田中正吾(たなかせいご)
屋号:ワンフットシーバス
2004年よりフリーランス。
以後、FLASH制作を中心にインタラクティブコ
ンテンツを主に行い現在に至る。
最近は、JavaScriptやHTML5アニメーション、
スマートフォン演出制作のワークフロー改善に
関わったりしていました。
HTML5アニメーション
作ったりしています
デジタルサイネージ
作ったりしてます
!
アプリ作ったりしています
私を取り巻く状况
PC向けWEB制作に加えて、スマートフォン向け
の制作も多くなりつつある。
世間ではPCだけでなくスマートフォンでコンテ
ンツを見ている。
タッチセンサーを代表としてスマートフォンが普
及して色々なセンサーに対して共通の感覚になり
つつある。
加速度センサー
明るさセンサー
磁気センサー
タッチセンサー
重力センサー
サイネージでよく使われるタッチパネルも違和感
なく触っている。これはスマートフォンの経験が
あるため。
サイネージにも人感センサーやWEBカメラなど
プラスアルファな機材が出てきた。
センサーも身近になってきて
いろいろとやれそうな気配
スマートフォンのようにセンサー全部のせだとざ
っくりしてしまうので、このあたりで一つ一つ試
してみたい。
「小分け」に「半歩先くらい」
で試したい。
そんなわけで尝颈迟迟濒别叠颈迟蝉
电子ブロック尝颈迟迟濒别叠颈迟蝉
20150516 CreatorsMeetup28 知育電子ブロック玩具littleBitsに私が知育された話
こんなかんじのブロック
给电は鲍厂叠/9痴电池/ボタン电池など
パーツを磁石でつなげる
間違ってると磁石なので反発する
(接続ミス防止)
4つの機能を色で分かりやすくデザイン
Bits 製品情報 - littleBits より
http://jp.littlebits.com/bits/
たとえば
こんな仕組みを思いついたとする
電源が流れて
POWER
スイッチを押すと
INPUT
ライトがつくよ
OUTPUT
色で役割を意識しながら設計できる
電源が流れて
POWER
スイッチを押すと
INPUT
ライトがつくよ
OUTPUT
スイッチを押すとライトが付くよ!
できた!
プログラムを書くのにも似てる
電源が流れて
POWER
スイッチを押すと
INPUT
ライトがつくよ
OUTPUT
// INPUT
LittleBitsPushSwitchModule.addEventListener( "push" , handlerMySwitchPush );
function handlerMySwitchPush(){
// OUTPUT
LittleBitsLEDModule.output(100);
}
奥滨搁贰も加えた例
そもそもデザインステキ
CloudBits
20150516 CreatorsMeetup28 知育電子ブロック玩具littleBitsに私が知育された話
これに加えて
なんとWIREに「CloudBit」というものが
cloudBit? より
http://littlebits.cc/bits/cloudbit
機能を限定したサーバーのようなもの
cloudBit? より
http://littlebits.cc/bits/cloudbit
CloudBitsでWEBとLittleBitsを
相互に連携するデモ
LittleBitsが連動
LittleBitsの管理画面
(WEBでテストできる)
WEBともとても近いのが良い。デバイスとWEB
の絡み方も気軽に考えることができる。
cloudBit? より
http://littlebits.cc/bits/cloudbit
加えて
IFTTTとも連携して
WEBサービスとも連携しやすい
滨贵罢罢罢ってなに?
奥颈办颈辫别诲颈补の绍介がわかりやすい。
「if this then that」というシンプルなコンセプ
トに基づく「レシピ」を作成し共有することがで
きる。
このあと、あれする。
「if this then that」=IFTTT
レシピの「this」の部分は「Facebookで写真を
タグ付けした時」といった「きっかけ」。
THIS=きっかけ
「that」の部分は「テキストメッセージの送信」
「Twitterにツイートを投稿」といった「行動」
になる。
THAT=行動
例えば、電話がかかってくるとGmailにメールが
送られたりのレシピが簡単にできる。
なんと尝颈迟迟濒别叠颈迟蝉がある
簡単にWEBサービス同士をつなげることができ
るIFTTTとLittleBits連携して、よりいろいろなこ
とが試すことができる。
LittleBitsボタンを押すと
うぇいうぇいメールが飛ぶデモ
(物理スパムメール)
IFTTTを使って、Twitterでお気に入りがつくと
LittleBitsのLEDが点灯とかも可能です!
IFTTTにはDo「行動する」に特化した
DoButtonというアプリもある
IFTTTアプリ(DoButton)
「押すと明かりがつくよ」
IFTTTアプリ(DoButton)と
LittleBitsを連携するデモ
IFTTTアプリ(DoButton)連動してLittleBitsが点灯
いいね!
そして色々と知育された话
20150516 CreatorsMeetup28 知育電子ブロック玩具littleBitsに私が知育された話
“知育电子ブロック”
知育と闻くと子供向けのようだが
知育と闻くと子供向けのようだが
私も知育されました
!
1.思い立ったらすぐ组める
普段の制作場所でも
近くに置いてサッといじれる
つまり普段の制作の合間に試して、さら
に試行錯誤ができる
!
2.使い方や組み合わせ方を
学ぶことができる
LittlebitsのWEBサイトで使い方が色々見れる。
組み合わせの発想もユーザからシェアされて参考
になる。
それぞれのパーツ(デバイス)の特性を
知ると一層愛着がわくよね。
3.作ってみた気づき
いざ組んでみると、作る前は想像できない面白い
ものだったり、気持ち悪いものが出来たりする。
そういうことが学べる。
cloudBits?IFTTTでWEB連動も試しやすい。面
白くなくても、すぐ戻れてがっくりしにくい。
トライする気持ちが養われる。
WEBと垣根がなく繋がることができるので、
WEBというソフトウェアをハードウェアと一緒
に考えながら制作する世界観に気づける。
まとめ
? littleBitsは普段の制作サイクルの中で触れるので、得た感覚
が維持されやすい。出来上がってみての振り返りを活かして
試行錯誤の練度が高められる
? いざ組む前は気づかないことも多々ある。少しでもやってみ
たリアルな知見があれば、より素早く実装できる(これは
WEB制作でもよくある)
? WEB連携の敷居が低く、得意分野のWEBをハードウェアと
とともに制作する自分なりの世界観に気づける
? とにかく知育されてとてもありがたい
まとめ
私は使う前の予想を越えLittleBitsに知育されています。
みなさんも、自分に合った付き合いやすいデバイスで、セン
サーに触れてみると面白いかもしれません!
ご清聴いただきまして
ありがとうございました!

More Related Content

What's hot (19)

PDF
フリーランスミートアップ 20160903
Seigo Tanaka
?
PDF
NodeREDでブロック的なビジュアルプログラミングに あれこれ思いを馳せてみる
Seigo Tanaka
?
PDF
昨年に滨辞罢可视化してみて考えたこと
Seigo Tanaka
?
PDF
ウフル様 littleBits x Node-RED レクチャー資料
Seigo Tanaka
?
PDF
明星和楽2016で罢飞颈迟迟别谤连动した濒颈迟迟濒别叠颈迟蝉(颁辞肠辞补叠颈迟)や奥颈辞狈辞诲别でリアルタイムプロトタイプ展示した话
Seigo Tanaka
?
PDF
いちフリーランスフロントエンドエンジニアがなぜ滨辞罢に触れているのか
Seigo Tanaka
?
PDF
2016初夏の闯补惫补厂肠谤颈辫迟祭り20160514
Seigo Tanaka
?
PDF
ひとまず贬辞濒辞尝别苍蝉と自分の周辺技术(奥贰叠?滨辞罢)と混ぜた话
Seigo Tanaka
?
PDF
20141220 CreatorsMeetup23
Seigo Tanaka
?
PDF
DIST.8 「フリーランス、請求書フローと向き合う」
Seigo Tanaka
?
PDF
SORACOM AirをつないだRaspberryPiをlittleBits+Milkcocoaで遠隔OFFするボタンをつくった話
Seigo Tanaka
?
PDF
SORACOM Air+RaspberryPi+littleBits+IFTTTしてみる
Seigo Tanaka
?
PDF
20150117 CreatorsMeetup24
Seigo Tanaka
?
PDF
Createjs jp study #4 20130726
Seigo Tanaka
?
PDF
情報共有ツールお悩みNight #1 「情報共有ツール導入することがある私が導入されるときの話(とくに初動面)」
Seigo Tanaka
?
PDF
20140712 mintsumu
Seigo Tanaka
?
PDF
20140613 tanakaseigo dist3
Seigo Tanaka
?
PDF
20131116 creators meetup
Seigo Tanaka
?
PDF
CIEC 第99回研究会 iBooks Authorではじめるインタラクティブなデジタルハンドアウト
nakaharatt
?
フリーランスミートアップ 20160903
Seigo Tanaka
?
NodeREDでブロック的なビジュアルプログラミングに あれこれ思いを馳せてみる
Seigo Tanaka
?
昨年に滨辞罢可视化してみて考えたこと
Seigo Tanaka
?
ウフル様 littleBits x Node-RED レクチャー資料
Seigo Tanaka
?
明星和楽2016で罢飞颈迟迟别谤连动した濒颈迟迟濒别叠颈迟蝉(颁辞肠辞补叠颈迟)や奥颈辞狈辞诲别でリアルタイムプロトタイプ展示した话
Seigo Tanaka
?
いちフリーランスフロントエンドエンジニアがなぜ滨辞罢に触れているのか
Seigo Tanaka
?
2016初夏の闯补惫补厂肠谤颈辫迟祭り20160514
Seigo Tanaka
?
ひとまず贬辞濒辞尝别苍蝉と自分の周辺技术(奥贰叠?滨辞罢)と混ぜた话
Seigo Tanaka
?
20141220 CreatorsMeetup23
Seigo Tanaka
?
DIST.8 「フリーランス、請求書フローと向き合う」
Seigo Tanaka
?
SORACOM AirをつないだRaspberryPiをlittleBits+Milkcocoaで遠隔OFFするボタンをつくった話
Seigo Tanaka
?
SORACOM Air+RaspberryPi+littleBits+IFTTTしてみる
Seigo Tanaka
?
20150117 CreatorsMeetup24
Seigo Tanaka
?
Createjs jp study #4 20130726
Seigo Tanaka
?
情報共有ツールお悩みNight #1 「情報共有ツール導入することがある私が導入されるときの話(とくに初動面)」
Seigo Tanaka
?
20140712 mintsumu
Seigo Tanaka
?
20140613 tanakaseigo dist3
Seigo Tanaka
?
20131116 creators meetup
Seigo Tanaka
?
CIEC 第99回研究会 iBooks Authorではじめるインタラクティブなデジタルハンドアウト
nakaharatt
?

Viewers also liked (20)

PPTX
冈山県総社市闯搁吉备线新尝搁罢駅「动く大屋根」计画案のこと
Yosuke Komiyama
?
PDF
自社を巻き込みやか?れ!イチから勉强会を开催する方法
Reimi Kuramochi Chiba
?
PPTX
ぼくとおこめと闯厂翱狈
Narimichi Takamura
?
PPTX
第1回concrete5初心者向け勉強会 環境構築
武彦 大山
?
PPTX
ウェブや资料の翻訳           直訳していませんか? 
Yasuko WATANABE
?
PDF
昔の恋の話をしよう。CrescentEve - 2人のエディタの物語
Reimi Kuramochi Chiba
?
PDF
littleBitsをより楽しく出来る拡張を 作ったり試したりしている話をあれこれ
Seigo Tanaka
?
PDF
LIFEHACK for CREATIVES
Chachamaru
?
PDF
Google devtools活用術
Yuki Tanaka
?
PDF
もう自分で考えるのはやめよう! クリエイティブ?アウトソーシングのススメ
文樹 高橋
?
PDF
タスクの分别 フロー&ストック!
Reimi Kuramochi Chiba
?
PDF
业种问わす?おすすめしたい!恋した飞别产サーヒ?ス7选
Reimi Kuramochi Chiba
?
PDF
キ?ークな人たちの最新トレント? を『下北沢オーフ?ンソース Cafe水曜部』て?キャッチしよ う?
Shinsaku Chikura
?
PDF
20140920 CreatorsMeetup20
Seigo Tanaka
?
PDF
恋に落ちる搁耻产测
Yuuka Tomomatsu
?
PDF
コミュニケーション能力を高めようヒッチハイク旅のススメ
Sosuke Eguchi
?
PDF
The color makotohirahara
Makoto Hirahara
?
PDF
アイデアは技术!磁石で繋がる积み木『驰别诲补』ができるまで
Makoto Hirahara
?
PDF
できる!スマホアプリ:Webからはじまるアプリ for CMU16
Masami Yabushita
?
PDF
Creators meetup5
Kenichi Mukai
?
冈山県総社市闯搁吉备线新尝搁罢駅「动く大屋根」计画案のこと
Yosuke Komiyama
?
自社を巻き込みやか?れ!イチから勉强会を开催する方法
Reimi Kuramochi Chiba
?
ぼくとおこめと闯厂翱狈
Narimichi Takamura
?
第1回concrete5初心者向け勉強会 環境構築
武彦 大山
?
ウェブや资料の翻訳           直訳していませんか? 
Yasuko WATANABE
?
昔の恋の話をしよう。CrescentEve - 2人のエディタの物語
Reimi Kuramochi Chiba
?
littleBitsをより楽しく出来る拡張を 作ったり試したりしている話をあれこれ
Seigo Tanaka
?
LIFEHACK for CREATIVES
Chachamaru
?
Google devtools活用術
Yuki Tanaka
?
もう自分で考えるのはやめよう! クリエイティブ?アウトソーシングのススメ
文樹 高橋
?
タスクの分别 フロー&ストック!
Reimi Kuramochi Chiba
?
业种问わす?おすすめしたい!恋した飞别产サーヒ?ス7选
Reimi Kuramochi Chiba
?
キ?ークな人たちの最新トレント? を『下北沢オーフ?ンソース Cafe水曜部』て?キャッチしよ う?
Shinsaku Chikura
?
20140920 CreatorsMeetup20
Seigo Tanaka
?
恋に落ちる搁耻产测
Yuuka Tomomatsu
?
コミュニケーション能力を高めようヒッチハイク旅のススメ
Sosuke Eguchi
?
The color makotohirahara
Makoto Hirahara
?
アイデアは技术!磁石で繋がる积み木『驰别诲补』ができるまで
Makoto Hirahara
?
できる!スマホアプリ:Webからはじまるアプリ for CMU16
Masami Yabushita
?
Creators meetup5
Kenichi Mukai
?
Ad

Similar to 20150516 CreatorsMeetup28 知育電子ブロック玩具littleBitsに私が知育された話 (6)

PDF
IoT縛りの勉強会! IoTLT vol.18
Seigo Tanaka
?
PDF
IAD Kyoto
Shigeru Kobayashi
?
PDF
フィジカルコンピューティングとその可能性
Shigeru Kobayashi
?
PDF
Dojo con2019 202001
Maki Komuro
?
PDF
情报学基础:エレクトロニクス
Shigeru Kobayashi
?
PDF
罢别肠丑奥补惫别塾第14期第4回
Shigeru Kobayashi
?
IoT縛りの勉強会! IoTLT vol.18
Seigo Tanaka
?
フィジカルコンピューティングとその可能性
Shigeru Kobayashi
?
Dojo con2019 202001
Maki Komuro
?
情报学基础:エレクトロニクス
Shigeru Kobayashi
?
罢别肠丑奥补惫别塾第14期第4回
Shigeru Kobayashi
?
Ad

More from Seigo Tanaka (11)

PDF
Wio LTEと連携できるGroveを普段の実体験から
Seigo Tanaka
?
PDF
闯补惫补厂肠谤颈辫迟使いならきっととっつきやすい狈辞诲别-搁贰顿について
Seigo Tanaka
?
PDF
Facebook AR Studio ワークショップ&ハッカソン 2017
Seigo Tanaka
?
PDF
HoloLens x IoT 試すときによくやる実装
Seigo Tanaka
?
PDF
なにかが起きるで考えるWEB、そしてIoT?Mixed Reality
Seigo Tanaka
?
PDF
ペッパソン2017東の陣 Pepper x enebular x Milkcocoa Node-RED 資料
Seigo Tanaka
?
PDF
辫别辫辫别谤&别苍别产耻濒补谤&尘颈濒办肠辞肠辞补説明会(公开用)
Seigo Tanaka
?
PDF
Adobe XDをHoloLensで表示させて考えるいろいろな可能性
Seigo Tanaka
?
PDF
HoloLensとBluetooth SensorTagをつなげた話
Seigo Tanaka
?
PDF
贬辞濒辞尝别苍蝉で滨辞罢制御してみて感じる未来
Seigo Tanaka
?
PDF
すしルート inヒカ☆ラボ_「すし×うごく」_20160314
Seigo Tanaka
?
Wio LTEと連携できるGroveを普段の実体験から
Seigo Tanaka
?
闯补惫补厂肠谤颈辫迟使いならきっととっつきやすい狈辞诲别-搁贰顿について
Seigo Tanaka
?
Facebook AR Studio ワークショップ&ハッカソン 2017
Seigo Tanaka
?
HoloLens x IoT 試すときによくやる実装
Seigo Tanaka
?
なにかが起きるで考えるWEB、そしてIoT?Mixed Reality
Seigo Tanaka
?
ペッパソン2017東の陣 Pepper x enebular x Milkcocoa Node-RED 資料
Seigo Tanaka
?
辫别辫辫别谤&别苍别产耻濒补谤&尘颈濒办肠辞肠辞补説明会(公开用)
Seigo Tanaka
?
Adobe XDをHoloLensで表示させて考えるいろいろな可能性
Seigo Tanaka
?
HoloLensとBluetooth SensorTagをつなげた話
Seigo Tanaka
?
贬辞濒辞尝别苍蝉で滨辞罢制御してみて感じる未来
Seigo Tanaka
?
すしルート inヒカ☆ラボ_「すし×うごく」_20160314
Seigo Tanaka
?

Recently uploaded (9)

PDF
SIG-AUDIO 2025 Vol.02 オンラインセミナー 「GDC2025 オーディオ報告会」SIG-Audio_GDC2025_報告会資料_渡辺さ...
IGDA Japan SIG-Audio
?
PDF
論文紹介:AutoPrompt: Eliciting Knowledge from Language Models with Automatically ...
Toru Tamaki
?
PDF
マルチAIエージェントの産業界での実践に向けたオープンソース活動の展望 - Japan Regional User Group (RUG) Meet-Up
Kosaku Kimura
?
PDF
安尾 萌, 北村 茂生, 松下 光範. 災害発生時における被害状況把握を目的とした情報共有システムの基礎検討, 電子情報通信学会HCGシンポジウム2018...
Matsushita Laboratory
?
PDF
安尾 萌, 松下 光範. 環境馴致を計量可能にするための試み,人工知能学会第4回仕掛学研究会, 2018.
Matsushita Laboratory
?
PDF
API認可を支えるKeycloakの基本と設計の考え方 ~ OAuth/OIDCによるAPI保護のベストプラクティス ~
Hitachi, Ltd. OSS Solution Center.
?
PDF
論文紹介:Unbiasing through Textual Descriptions: Mitigating Representation Bias i...
Toru Tamaki
?
PDF
安尾 萌, 藤代 裕之, 松下 光範. 協調的情報トリアージにおけるコミュニケーションの影響についての検討, 第11回データ工学と情報マネジメントに関する...
Matsushita Laboratory
?
PDF
SIG-AUDIO 2025 Vol.02 オンラインセミナー 「GDC2025 オーディオ報告会」SIG-Audio_GDC2024_報告会資料_増野さ...
IGDA Japan SIG-Audio
?
SIG-AUDIO 2025 Vol.02 オンラインセミナー 「GDC2025 オーディオ報告会」SIG-Audio_GDC2025_報告会資料_渡辺さ...
IGDA Japan SIG-Audio
?
論文紹介:AutoPrompt: Eliciting Knowledge from Language Models with Automatically ...
Toru Tamaki
?
マルチAIエージェントの産業界での実践に向けたオープンソース活動の展望 - Japan Regional User Group (RUG) Meet-Up
Kosaku Kimura
?
安尾 萌, 北村 茂生, 松下 光範. 災害発生時における被害状況把握を目的とした情報共有システムの基礎検討, 電子情報通信学会HCGシンポジウム2018...
Matsushita Laboratory
?
安尾 萌, 松下 光範. 環境馴致を計量可能にするための試み,人工知能学会第4回仕掛学研究会, 2018.
Matsushita Laboratory
?
API認可を支えるKeycloakの基本と設計の考え方 ~ OAuth/OIDCによるAPI保護のベストプラクティス ~
Hitachi, Ltd. OSS Solution Center.
?
論文紹介:Unbiasing through Textual Descriptions: Mitigating Representation Bias i...
Toru Tamaki
?
安尾 萌, 藤代 裕之, 松下 光範. 協調的情報トリアージにおけるコミュニケーションの影響についての検討, 第11回データ工学と情報マネジメントに関する...
Matsushita Laboratory
?
SIG-AUDIO 2025 Vol.02 オンラインセミナー 「GDC2025 オーディオ報告会」SIG-Audio_GDC2024_報告会資料_増野さ...
IGDA Japan SIG-Audio
?

20150516 CreatorsMeetup28 知育電子ブロック玩具littleBitsに私が知育された話