2016/10/5　@イメディオ 大阪版IoT縛りの勉強会！IoTLT大阪 vol.3 By onoche/BlueTone

1. NefryでIoTカーテン作ってみた
2016/10/5 @イメディオ
大阪版IoT縛りの勉強会！IoTLT大阪 vol.3
By onoche/BlueTone

2. 自己紹介
• 名前：onoche(オノッチ)
• 年齢：もうすぐ0x24歳
• 所属：BlueTone
• 職業：ソフト屋さん
（衛星通信システム開発、アジャイル、テスト自動化）
• 趣味：スマホアプリ(スペーステルミン等40万DL)、
Arduino、ヘビメタ
• twitter:bluetone@bluetoneinfo
IoT初心者（半年未満）です！
よろしくお願いします！

3. 最近やりたいこと
• 何か作って売りたい
– デジタルテルミン
– XFD：アラーム君
– IoT間接照明
• メイカーのネットワークを作りたい
– 勉強会
– 飲み会
– 技術の交換
• 個人メイカー向けソリューション
– 販売チャネル（メルカリ・ヤフオク委託販売）
– 販促ページ
– 発送
0.5

4. 自分のIoT観(少し前まで)
• 流行ってるみたいやなー
• 自分でやるにはハードル高いなー
サーバ側、デバイス側
• 何に使うのかなー

5. 自分のIoT観(現在)
• 実例が増えてきた！
• サーバー側サービスが増えてきた！
MilkCocoa、Azure、Sakura
• デバイスの低価格化！
• 使いやすいデバイスの登場！
• 豊富なライブラリ！
• Arduino楽しい！
• この流れはもっと進みそう！！
自分でもできんじゃね？
1

6. 作ってみました！
YouTube：
https://youtu.be/TwJYxDXwZ0c

7. 回路はこんな感じ

8. かんたんIoTデバイス Nefry
概要は以下参照。
大阪版IoT縛りの勉強会！IoTLT大阪 Vol.2の資料
Nefryってなんだろう？
https://prezi.com/nn04j0rb5-b_/nefry/
qiita：Nefryの情報まとめ
http://qiita.com/wamisnet/items/d07c3c22e2bf5ab628ef

9. かんたんIoTデバイス Nefry
• Wifi簡単設定！ クライアント、ホスト
• IoT・Webサービスと簡単接続！
IFTTT、Milkcocoa、Azure等
• ハードウェアと簡単接続！
Grove、UART、I2C
これぞIoT！
Qiita：Nefryの情報まとめ
http://qiita.com/wamisnet/items/d07c3c22e2bf5ab628ef
2

10. ネットワーク図
インター
ネット
Nefry
PC スマホ
Wifi
ルーター
自宅Wifi
ネットワーク
Nefry Wifi
ネットワーク
クライアントにもホストにもなれる！
しかも同時接続可能！

11. Nefry
スタック・ブロック図
ESP-WROOM-02
WifiI2CUART
ユーザプログラム
ライブラリ群
HTTPClient ・Server 、 httpUpdate・Server、 DNS、
Milkcocoaなどなど
Nefryクラス
IOpin
ハードウエア
Nefryライブラリ
(ボード)

12. Nefry
スタック・ブロック図
ESP-WROOM-02
WifiI2CUART
ユーザプログラム
ライブラリ群
HTTPClient ・Server 、 httpUpdate・Server、 DNS、
Milkcocoaなどなど
Nefryクラス
IOpin
ハードウエア
Nefryライブラリ
(ボード)
普通は意識しない
で良い。
各ライブラリは調整
済み！
便利な機能を簡単
に使える！

13. Nefry
スタック・ブロック図
ESP-WROOM-02
WifiI2CUART
ユーザプログラム
ライブラリ群
HTTPClient ・Server 、 httpUpdate・Server、 DNS、
Milkcocoaなどなど
Nefryクラス
IOpin
ハードウエア
Nefryライブラリ
(ボード)
ユーザはここだけ作れ
ばいい！
普通は意識しない
で良い。
各ライブラリは調整
済み！
便利な機能を簡単
に使える！

14. メリット
• ライブラリを
– 探さなくていい！
– 組み込まなくていい！
– ハマらなくていい！
• 便利な機能が
– いっぱい
– 簡単に
使える！
4000円は
安い！

15. Nefry
スタック・ブロック図
ESP-WROOM-02
WifiI2CUART
ユーザプログラム
ライブラリ群
HTTPClient ・Server 、 httpUpdate・Server、 DNS、
Milkcocoaなどなど
Nefryクラス
IOpin
ハードウエア
Nefryライブラリ
(ボード)
普通はここだけ作れば
いい！
普通は意識しない
で良い。
各ライブラリは調整
済み！
便利な機能を簡単
に使える！
今回はココを改造！

16. Nefryクラス改造
• ここでWebページを作成している
• ユーザプログラム（.Ino）で使用している変数
をWebから扱えるようにする。
• IoTカーテンの設定画面を追加する。
ユーザプログラム Nefryクラス
変数
変数
変数
Web
ページ
Web
ページ
Web
ページ
3

17. ヘッダ
• 変数定義
publicに
• 関数定義

18. cpp
• メニューに
リンク追加

19. cpp
• 設定ページの
セットアップ関数を追加。 これを実装する。

20. cpp
あ
と
は
、
セ
ッ
ト
ア
ッ
プ
関
数
を

21. cpp
カ
キ
カ
キ
。

22. cpp
カ
キ
カ
キ
。

23. setupWebAutoCurtain()の中を解説。
• URL引数を取れたり。
URL/PAGE?action=open
こうゆうの↑

24. setupWebAutoCurtain()の中を解説。
• ページはStringで。
• JS入れたり、
• 変数入れたり、
• Ajax入れたり
できます！
HTMLなので、
後は煮るなり焼くなりしてくださいw

25. cpp
• もちろん、CSSもあるよ。
今回は、ボタン追加。
ココ

26. WEBページで、変数が使える！！
でけた！

27. ユーザプログラム(.ino)から、
変数が使える！！
でけた！

28. 今後のNefry
• 便利な機能をどんどん追加予定だそうです。
WEBページの簡単実装
JSでプログラミング
メッシュ通信
等々
• コミッター募集中！
4

29. 参考情報
• NefryのGitHub
https://github.com/Nefry-Community/Arduino
• 今回改造したソースのGitHub
https://github.com/Nefry-Community/Arduino/compare/master...Blue-Tone:AutoCurtain
ありがとうございました！

30. おまけ：IoTについて思うこと
情報を探せていないだけかもしれませんが・・・
• 概念がぼんやりしてる。
パターン、フレームワーク、概念図が欲しい。
• 言葉の定義
議論が進みそう。
• で、なんぼ？
デバイス１台の値段。
例えば500円×1000台で50万＋開発・導入料等