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.
NefryでIoTカーテン作ってみた
2016/10/5 @イメディオ
大阪版IoT縛りの勉強会!IoTLT大阪 vol.3
By onoche/BlueTone
自己紹介
• 名前:onoche(オノッチ)
• 年齢:もうすぐ0x24歳
• 所属:BlueTone
• 職業:ソフト屋さん
(衛星通信システム開発、アジャイル、テスト自動化)
• 趣味:スマホアプリ(スペーステルミン等40万DL)、
Ard...
最近やりたいこと
• 何か作って売りたい
– デジタルテルミン
– XFD:アラーム君
– IoT間接照明
• メイカーのネットワークを作りたい
– 勉強会
– 飲み会
– 技術の交換
• 個人メイカー向けソリューション
– 販売チャネル(メル...
自分のIoT観(少し前まで)
• 流行ってるみたいやなー
• 自分でやるにはハードル高いなー
サーバ側、デバイス側
• 何に使うのかなー
自分のIoT観(現在)
• 実例が増えてきた!
• サーバー側サービスが増えてきた!
MilkCocoa、Azure、Sakura
• デバイスの低価格化!
• 使いやすいデバイスの登場!
• 豊富なライブラリ!
• Arduino楽しい!
•...
作ってみました!
YouTube:
https://youtu.be/TwJYxDXwZ0c
回路はこんな感じ
かんたんIoTデバイス Nefry
概要は以下参照。
大阪版IoT縛りの勉強会!IoTLT大阪 Vol.2の資料
Nefryってなんだろう?
https://prezi.com/nn04j0rb5-b_/nefry/
qiita:Nefryの情...
かんたんIoTデバイス Nefry
• Wifi簡単設定! クライアント、ホスト
• IoT・Webサービスと簡単接続!
IFTTT、Milkcocoa、Azure等
• ハードウェアと簡単接続!
Grove、UART、I2C
これぞIoT!
...
ネットワーク図
インター
ネット
Nefry
PC スマホ
Wifi
ルーター
自宅Wifi
ネットワーク
Nefry Wifi
ネットワーク
クライアントにもホストにもなれる!
しかも同時接続可能!
Nefry
スタック・ブロック図
ESP-WROOM-02
WifiI2CUART
ユーザプログラム
ライブラリ群
HTTPClient ・Server 、 httpUpdate・Server、 DNS、
Milkcocoaなどなど
Nefry...
Nefry
スタック・ブロック図
ESP-WROOM-02
WifiI2CUART
ユーザプログラム
ライブラリ群
HTTPClient ・Server 、 httpUpdate・Server、 DNS、
Milkcocoaなどなど
Nefry...
Nefry
スタック・ブロック図
ESP-WROOM-02
WifiI2CUART
ユーザプログラム
ライブラリ群
HTTPClient ・Server 、 httpUpdate・Server、 DNS、
Milkcocoaなどなど
Nefry...
メリット
• ライブラリを
– 探さなくていい!
– 組み込まなくていい!
– ハマらなくていい!
• 便利な機能が
– いっぱい
– 簡単に
使える!
4000円は
安い!
Nefry
スタック・ブロック図
ESP-WROOM-02
WifiI2CUART
ユーザプログラム
ライブラリ群
HTTPClient ・Server 、 httpUpdate・Server、 DNS、
Milkcocoaなどなど
Nefry...
Nefryクラス改造
• ここでWebページを作成している
• ユーザプログラム(.Ino)で使用している変数
をWebから扱えるようにする。
• IoTカーテンの設定画面を追加する。
ユーザプログラム Nefryクラス
変数
変数
変数
We...
ヘッダ
• 変数定義
publicに
• 関数定義
cpp
• メニューに
リンク追加
cpp
• 設定ページの
セットアップ関数を追加。 これを実装する。
cpp
あ
と
は
、
セ
ッ
ト
ア
ッ
プ
関
数
を
cpp
カ
キ
カ
キ
。
cpp
カ
キ
カ
キ
。
setupWebAutoCurtain()の中を解説。
• URL引数を取れたり。
URL/PAGE?action=open
こうゆうの↑
setupWebAutoCurtain()の中を解説。
• ページはStringで。
• JS入れたり、
• 変数入れたり、
• Ajax入れたり
できます!
HTMLなので、
後は煮るなり焼くなりしてくださいw
cpp
• もちろん、CSSもあるよ。
今回は、ボタン追加。
ココ
WEBページで、変数が使える!!
でけた!
ユーザプログラム(.ino)から、
変数が使える!!
でけた!
今後のNefry
• 便利な機能をどんどん追加予定だそうです。
WEBページの簡単実装
JSでプログラミング
メッシュ通信
等々
• コミッター募集中!
4
参考情報
• NefryのGitHub
https://github.com/Nefry-Community/Arduino
• 今回改造したソースのGitHub
https://github.com/Nefry-Community/Ardui...
おまけ:IoTについて思うこと
情報を探せていないだけかもしれませんが・・・
• 概念がぼんやりしてる。
パターン、フレームワーク、概念図が欲しい。
• 言葉の定義
議論が進みそう。
• で、なんぼ?
デバイス1台の値段。
例えば500円×10...
Upcoming SlideShare
Loading in …5
×

Nefryでiotカーテン作ってみた

3,117 views

Published on

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

Published in: Engineering
  • Be the first to comment

Nefryでiotカーテン作ってみた

  1. 1. NefryでIoTカーテン作ってみた 2016/10/5 @イメディオ 大阪版IoT縛りの勉強会!IoTLT大阪 vol.3 By onoche/BlueTone
  2. 2. 自己紹介 • 名前:onoche(オノッチ) • 年齢:もうすぐ0x24歳 • 所属:BlueTone • 職業:ソフト屋さん (衛星通信システム開発、アジャイル、テスト自動化) • 趣味:スマホアプリ(スペーステルミン等40万DL)、 Arduino、ヘビメタ • twitter:bluetone@bluetoneinfo IoT初心者(半年未満)です! よろしくお願いします!
  3. 3. 最近やりたいこと • 何か作って売りたい – デジタルテルミン – XFD:アラーム君 – IoT間接照明 • メイカーのネットワークを作りたい – 勉強会 – 飲み会 – 技術の交換 • 個人メイカー向けソリューション – 販売チャネル(メルカリ・ヤフオク委託販売) – 販促ページ – 発送 0.5
  4. 4. 自分のIoT観(少し前まで) • 流行ってるみたいやなー • 自分でやるにはハードル高いなー サーバ側、デバイス側 • 何に使うのかなー
  5. 5. 自分のIoT観(現在) • 実例が増えてきた! • サーバー側サービスが増えてきた! MilkCocoa、Azure、Sakura • デバイスの低価格化! • 使いやすいデバイスの登場! • 豊富なライブラリ! • Arduino楽しい! • この流れはもっと進みそう!! 自分でもできんじゃね? 1
  6. 6. 作ってみました! YouTube: https://youtu.be/TwJYxDXwZ0c
  7. 7. 回路はこんな感じ
  8. 8. かんたんIoTデバイス Nefry 概要は以下参照。 大阪版IoT縛りの勉強会!IoTLT大阪 Vol.2の資料 Nefryってなんだろう? https://prezi.com/nn04j0rb5-b_/nefry/ qiita:Nefryの情報まとめ http://qiita.com/wamisnet/items/d07c3c22e2bf5ab628ef
  9. 9. かんたんIoTデバイス Nefry • Wifi簡単設定! クライアント、ホスト • IoT・Webサービスと簡単接続! IFTTT、Milkcocoa、Azure等 • ハードウェアと簡単接続! Grove、UART、I2C これぞIoT! Qiita:Nefryの情報まとめ http://qiita.com/wamisnet/items/d07c3c22e2bf5ab628ef 2
  10. 10. ネットワーク図 インター ネット Nefry PC スマホ Wifi ルーター 自宅Wifi ネットワーク Nefry Wifi ネットワーク クライアントにもホストにもなれる! しかも同時接続可能!
  11. 11. Nefry スタック・ブロック図 ESP-WROOM-02 WifiI2CUART ユーザプログラム ライブラリ群 HTTPClient ・Server 、 httpUpdate・Server、 DNS、 Milkcocoaなどなど Nefryクラス IOpin ハードウエア Nefryライブラリ (ボード)
  12. 12. Nefry スタック・ブロック図 ESP-WROOM-02 WifiI2CUART ユーザプログラム ライブラリ群 HTTPClient ・Server 、 httpUpdate・Server、 DNS、 Milkcocoaなどなど Nefryクラス IOpin ハードウエア Nefryライブラリ (ボード) 普通は意識しない で良い。 各ライブラリは調整 済み! 便利な機能を簡単 に使える!
  13. 13. Nefry スタック・ブロック図 ESP-WROOM-02 WifiI2CUART ユーザプログラム ライブラリ群 HTTPClient ・Server 、 httpUpdate・Server、 DNS、 Milkcocoaなどなど Nefryクラス IOpin ハードウエア Nefryライブラリ (ボード) ユーザはここだけ作れ ばいい! 普通は意識しない で良い。 各ライブラリは調整 済み! 便利な機能を簡単 に使える!
  14. 14. メリット • ライブラリを – 探さなくていい! – 組み込まなくていい! – ハマらなくていい! • 便利な機能が – いっぱい – 簡単に 使える! 4000円は 安い!
  15. 15. Nefry スタック・ブロック図 ESP-WROOM-02 WifiI2CUART ユーザプログラム ライブラリ群 HTTPClient ・Server 、 httpUpdate・Server、 DNS、 Milkcocoaなどなど Nefryクラス IOpin ハードウエア Nefryライブラリ (ボード) 普通はここだけ作れば いい! 普通は意識しない で良い。 各ライブラリは調整 済み! 便利な機能を簡単 に使える! 今回はココを改造!
  16. 16. Nefryクラス改造 • ここでWebページを作成している • ユーザプログラム(.Ino)で使用している変数 をWebから扱えるようにする。 • IoTカーテンの設定画面を追加する。 ユーザプログラム Nefryクラス 変数 変数 変数 Web ページ Web ページ Web ページ 3
  17. 17. ヘッダ • 変数定義 publicに • 関数定義
  18. 18. cpp • メニューに リンク追加
  19. 19. cpp • 設定ページの セットアップ関数を追加。 これを実装する。
  20. 20. cpp あ と は 、 セ ッ ト ア ッ プ 関 数 を
  21. 21. cpp カ キ カ キ 。
  22. 22. cpp カ キ カ キ 。
  23. 23. setupWebAutoCurtain()の中を解説。 • URL引数を取れたり。 URL/PAGE?action=open こうゆうの↑
  24. 24. setupWebAutoCurtain()の中を解説。 • ページはStringで。 • JS入れたり、 • 変数入れたり、 • Ajax入れたり できます! HTMLなので、 後は煮るなり焼くなりしてくださいw
  25. 25. cpp • もちろん、CSSもあるよ。 今回は、ボタン追加。 ココ
  26. 26. WEBページで、変数が使える!! でけた!
  27. 27. ユーザプログラム(.ino)から、 変数が使える!! でけた!
  28. 28. 今後のNefry • 便利な機能をどんどん追加予定だそうです。 WEBページの簡単実装 JSでプログラミング メッシュ通信 等々 • コミッター募集中! 4
  29. 29. 参考情報 • NefryのGitHub https://github.com/Nefry-Community/Arduino • 今回改造したソースのGitHub https://github.com/Nefry-Community/Arduino/compare/master...Blue-Tone:AutoCurtain ありがとうございました!
  30. 30. おまけ:IoTについて思うこと 情報を探せていないだけかもしれませんが・・・ • 概念がぼんやりしてる。 パターン、フレームワーク、概念図が欲しい。 • 言葉の定義 議論が進みそう。 • で、なんぼ? デバイス1台の値段。 例えば500円×1000台で50万+開発・導入料等

×