Nefry BTを使って電車遅延すると光るガジェットを作ろう

https://dotstudio.connpass.com/event/61189/

Transcript

1. Nefry BTを使って 電車遅延すると光るガジェットを作ろう ポキオ
2. Agenda • ポキオとは • Nefry BTとは ◦ 他のボードとの違い ◦ Nefry BTのよさみ • Nefry BTを触ってみる ◦ Nefry BTの設定 ◦ プログラムの書き方 ◦ Lチカしてみる ◦ サーバーから情報を取得してみる ◦ 遅延したらLEDを光らせてみる ◦ ﾀﾞｧｼｴﾘｲｪｽなガジェットを作ってみる • サマリ • Appendix
3. 自己紹介
4. ポキオとは • Androidエンジニア • Twitter : @pokiiio • Blog : Androidのメモとか (http://relativelayout.hatenablog.com/ )
5. ﾀﾞｧｼｴﾘｲｪｽ…？
7. 京急は神 *個人の感想です
8. KQ-IoT
9. KQ : Keikyu 京急好きの京急好きによる京急好きのためのIoTガジェット 俺得だっていいじゃないか、にんげんだもの
10. K: クソみたいな Q: クオリティ 凝ったことはしない、最小工数でやりきる、たまに力尽く クソコードだって、動けばいいよ、にんげんだもの
11. KQ-IoT
12. デブサミ2017 コミュニティ展示を させていただきました
13. de:code 2017 前夜祭(day0) LTしてきました
14. dotstudioさんで 記事も公開 京急ネタです
15. Nefry BTとは
16. Nefry BTとは https://dotstud.io/docs/nefrybt/
17. Nefry BTとは • Arduino互換 • Wi-Fi/BLEが使える • RGBのLEDも実装済み • Groveが使えて配線がいらない • ディスプレイ付きでデバッグしやすい • 設定も、プログラムのアップデートもブラウザでできる • インターネットへの接続までが簡単 • わみ氏が開発している日本のボード • 便利なAPIも準備されている • ・・・などなど、よさみが深い
18. Nefry BTとは • Arduino互換 ◦ 大手マイコンの統合開発環境が使える ◦ 情報量多いし、サンプルコードも沢山 ◦ コピペでプログラミングも可能 ググればイケる
19. Nefry BTとは • Wi-Fi/BLEが使える • RGBのLEDも実装済み、ディスプレイ付 • Groveが使えて配線がいらない ◦ 兎に角、最初からフル装備 ◦ 買ってすぐに色んな用途に使える ◦ GPIOも有るので拡張性も十分 ◦ もちろん技適通ってるモジュールを使用 ESP32 (Wi-Fi + BLE) ディスプレイ 端子 RGB LED Grove コネクタ GPIO ハードウェアが苦手でもOK オールインワンで拡張性も◎
20. Nefry BTとは • インターネットへの接続までが簡単 • 便利なAPIも準備されている ◦ 後ほど説明 ソフトウェアが苦手でもOK 通常のプログラミングより容易 便利なライブラリも 入ってる！ Wi-Fi接続のための プログラミング不要
21. Nefry BTとは • わみ氏が開発している日本のボード ◦ サポート体制がすごい ◦ FB上でNefryユーザグループもあります ◦ https://www.facebook.com/groups/nefry/ ◦ いろいろできるよ！ ◦ https://liginc.co.jp/author/wamisnet 数日後・・・ 日本語でおｋ IoTしてみたい人にはピッタリ
22. Nefry BTを触ってみる
23. Nefry BTに触ってみる ①Wi-Fiの設定 1. Nefry BTにディスプレイを取り付ける 2. Nefry BTに電源を供給する（AC-USBアダプターやPC直挿し） 3. Nefry BTがAP（アクセスポイント）として動作する
24. Nefry BTに触ってみる ①Wi-Fiの設定 1. Nefry BTがAP（アクセスポイント）になるので、PCでAPに接続する 2. Nefry BTのディスプレイに表示されてるアドレスに、ブラウザでアクセス 3. PC上でインターネットに繋がる自宅のAPの設定をする （これでNefry BTがインターネットに繋がるようになる！）
25. Nefry BTに触ってみる ②Arduino IDEを起動 1. Arduino IDEを立ち上げます！（セットアップしてありますよね？）
26. Nefry BTに触ってみる ③プログラムの書き方 • プログラムはC言語（っぽい言語） • プログラムを書く場所は主に2つ ◦ setup() ▪ 起動時に1度だけ実行される ▪ 主に初期化などの処理を書く ◦ loop() ▪ setup()の後に呼ばれる ▪ loop()内の処理が終わると 再度loop()が呼ばれる ▪ メインのロジックを書くことが多い
27. Nefry BTに触ってみる ④Lチカしてみる • LEDを好きな色で光らせてみよう！ ◦ 光る→消える→光る→消える→・・・ をプログラミングしてみる • せっかくなので便利な関数を使ってみる！ ◦ Nefry.println() ◦ Nefry.setLed() ◦ Nefry.ndelay() • これらの関数を使うにはNefry.hをincludeする必要がある ◦ #include <Nefry.h>
28. Nefry BTに触ってみる ④Lチカしてみる • Nefry.println() ◦ シリアルモニタに文字列を出力 （例：Nefry.println(“テスト”); ） ◦ プログラムの進捗を出力したり、デバッグに便利 ◦ 通常は setup() 内で、Serial.begin(115200); などと記述する必要があるが、不要！ • Nefry.setLed() ◦ Nefry BT上のLEDを好きな色で光らせる（例： Nefry.setLed(255,0,0); ） ◦ 通常、Adafruit NeoPixelsライブラリをインストールして、 初期化のコードを書いて・・・が一切不要！ • Nefry.ndelay() ◦ 指定した時間（msec）だけ処理を止めます（例： Nefry.setLed(1000);） ◦ マルチタスク対応で、別スレッドで動いている処理は止まらない
29. Nefry BTに触ってみる ④Lチカしてみる いざプログラミング(配布したプログラムを参考にしてください) • コードの冒頭に #include <Nefry.h> を記載 • setup() は空っぽのまま • loop() に次の処理を記載 ◦ Nefry.setLed() で好きな色に光らせる ◦ Nefry.println() で "LED ON" をシリアルモニタに表示させる ◦ Nefry.ndelay() で1秒待つ ◦ Nefry.setLed() でLEDを消す （ヒント：RGBを 0,0,0 に設定する） ◦ Nefry.println() で "LED OFF" をシリアルモニタに表示させる ◦ Nefry.ndelay() で1秒待つ プログラムを書き込むには ① [ツール] > [ボード] で Nefry BTを指定する ② [スケッチ] > [マイコンボー ドに書き込む] を実行
30. Nefry BTに触ってみる ④Lチカしてみる
31. ここで一旦休憩
32. Nefry BTに触ってみる ⑤サーバーの情報を取得 • 遅延してるかどうかの情報は 鉄道遅延情報のjson (https://rti-giken.jp/fhc/api/train_tetsudo/delay.json) から取得します ◦ 遅延している路線の情報を JSON 形式で取得できる ◦ Nefry BT で上記URLにアクセスして情報を取得してみる • HTTP-GET（HTTPS）には WiFiClientSecure を用いる • Nefry BTならではのよさみ ◦ 通常はWi-Fi接続のシーケンスをプログラミングする必要がある ◦ Wi-Fiの設定はブラウザからできる上、 Wi-Fi接続はNefry BTの起動時に自動で行われる ◦ つまり、プログラミング上では不要！
33. Nefry BTに触ってみる ⑤サーバーの情報を取得 プログラムを書き込むには ① [ツール] > [ボード] で Nefry BTを指定する ② [スケッチ] > [マイコンボー ドに書き込む] を実行 response に入ったデータを Nefry.println() を使って シリアルモニタに 表示させてみてください
34. Nefry BTに触ってみる ⑤サーバーの情報を取得 この一文を追加！ シリアルモニタにJSONが表示される
35. Nefry BTに触ってみる ⑥遅延したら光らせてみる • JSONデータの取得までできた • JSONに特定の路線が含まれてるかどうかを調べてLEDを光らせたい ◦ 定期的に鉄道遅延情報の JSONを取得 ◦ JSONに特定の路線が含まれるかチェック ◦ LEDを光らせる • ポキオのよさみ ◦ クソコードでも動けばいい（笑） ◦ JSONのパースは面倒なので、 JSONに路線名が含まれてるかどうかだけで判断すればいい ◦ ArduinoのStringには contains() がない・・・ → indexOf() で代用（笑） ▪ https://www.arduino.cc/en/Reference/StringIndexOf
36. Nefry BTに触ってみる ⑥遅延したら光らせてみる プログラムを書き込むには ① [ツール] > [ボード] で Nefry BTを指定する ② [スケッチ] > [マイコンボー ドに書き込む] を実行 String#indexOf() を使って IF文を完成させて下さい
37. Nefry BTに触ってみる ⑥遅延したら光らせてみる ちなみに JSON取得のロジックは getTrainDelayJson() として 別関数にまとめています
38. Nefry BTに触ってみる ⑥遅延したら光らせてみる こんな感じ
39. ダァシエリイェスしてみる • nefry_handson_4 をつかって、好きな路線名・色にカスタマイズ • Nefry BTを電車の中に両面テープで固定して完了
40. ダァシエリイェスしてみる プログラムを書き込むには ① [ツール] > [ボード] で Nefry BTを指定する ② [スケッチ] > [マイコンボー ドに書き込む] を実行 路線名と色を カスタマイズしてください
41. ダァシエリイェスしてみる 光り方もカスタマイズ してみても良いかも！
42. サマリ
43. サマリ • IoTするなら、まずNefry BT♪ ◦ 色々実装済み・Grove対応で、ハードウェアが楽 ◦ Arduino互換で情報量豊富、さらに便利関数が揃っていて、ソフトウェアもイケる • 参照 ◦ Nefry https://nefry.studio/ ◦ Nefry https://program.nefry.studio/ ◦ Arduino Reference https://www.arduino.cc/en/Reference/HomePage ◦ Qiita http://qiita.com/tags/nefry
44. Thank you!
45. Appendix
46. WifiClientよりHTTPClientを使いたいが HTTPS非対応 • http://relativelayout.hatenablog.com/entry/2016/12/21/234344 • HTTPClientなら複雑なリクエストヘッダーを書かなくて済む • が、HTTPS非対応・・・ • 泣く泣くWifiClientSecureを使用
47. リダイレクトは発生するサーバーへ HTTP-GETするときはHTTPSRedirectを使う • http://relativelayout.hatenablog.com/entry/2017/06/24/230505 • GAS（Google Apps Script）のAPIでハマった • HTTPSな上に、リダイレクトが発生する • リダイレクトが発生しても、その先で再度GETしたい • 下記のライブラリが便利 ◦ https://github.com/electronicsguy/ESP8266/tree/master/HTTPSRedi rect
48. A fatal error occurred: Failed to connect to ESP32: Timed out waiting for packet header • http://relativelayout.hatenablog.com/entry/2017/09/01/223718 • MacでFTDIのドライバが正しく動作してなかった • 公式ドライバ（http://www.ftdichip.com/Drivers/VCP.htm）をインストールした あと、カーネルエクステンションを有効にする必要がある