Slide 1
Slide 1 text
Webエンジニアが
AmazonDashButtonでIoTした話
泰昌平 @ShoheiTai
Slide 2
Slide 2 text
自己紹介
泰昌平
スパイスファクトリー株式会社
・平成生まれのWebエンジニア
・ペチパー。CakePHP, Phalcon, CMSなど
・フロントエンドの開発、最適化が好き
・趣味はダーツとバイク
・昨年スパイスファクトリーを立ち上げました
Slide 3
Slide 3 text
Webエンジニア + IoT初心者
Slide 4
Slide 4 text
IoTLTやIoTの技術に興味はあった！
Slide 5
Slide 5 text
IoTのイメージ
● ラズパイとセンサーですごいことをしている
● 家電などと連携してすごいことをしている
● 電子工作ですごいことをしている
Slide 6
Slide 6 text
No content
Slide 7
Slide 7 text
そんな僕が登壇したきっかけ
Slide 8
Slide 8 text
No content
Slide 9
Slide 9 text
新年会にて
Slide 10
Slide 10 text
Webエンジニアぼく
● 残すところ、あと10日・・・！
● マイコン、センサーがよく分からない
● 部品や工具など必要なものが分からない
● Webの領域に持ってこれればどうにでもなる...！
Slide 11
Slide 11 text
DashButtonとかいいんじゃない？
Slide 12
Slide 12 text
No content
Slide 13
Slide 13 text
No content
Slide 14
Slide 14 text
次の日
Slide 15
Slide 15 text
Dash Buttonの利点
● 500円、お急ぎ便ですぐ届く
● 工作不要
● ネットワーク設定はAmazonアプリで完結
● ハックする方法など、情報が比較的多い
(割りと最近出たばかりだけども…！)
Slide 16
Slide 16 text
調べてみたら…
Slide 17
Slide 17 text
dasher
● node.jsで動作
● DashButtonからHTTPへの橋渡しをしてくれる
● jsonで設定やHTTPリクエストの内容を記述
Slide 18
Slide 18 text
IoT、なんかいけそうな気がしてきた
Slide 19
Slide 19 text
DashButtonのハック
1. AmazonアプリでDashButtonをネットに接続
2. node,npm,dasherの準備
3. script/find_buttonでmacアドレスを特定
4. config.jsonでHTTPリクエスト先等を指定
5. dasherを起動する
Slide 20
Slide 20 text
Amazonアプリでセットアップ
Slide 21
Slide 21 text
DashButtonのMacアドレスを探す
macアドレス
macアドレス
macアドレス
Slide 22
Slide 22 text
macアドレス、HTTPリクエストを設定
macアドレス
Slide 23
Slide 23 text
Slack Webhook API
Slide 24
Slide 24 text
No content
Slide 25
Slide 25 text
No content
Slide 26
Slide 26 text
まとめ
● DashButtonハックはIoT初心者でもできた！
● dasherとAPIで様々なアクションが実行可能！
● IoTに敷居の高さを感じていた方にオススメ
Slide 27
Slide 27 text
少しだけ応用してみた
Slide 28
Slide 28 text
No content
Slide 29
Slide 29 text
No content
Slide 30
Slide 30 text
あとはピザを待つだけ！
Slide 31
Slide 31 text
THANKS!
Any questions?
You can find me at
✘ facebook: shouhei.tai
✘ Twtter: @ShoheiTai