京急を止めるIoT

■一部修正しました
enebularは無料でも使えますが、がっちり使える有償プランもあります！

■デモの様子
https://www.instagram.com/p/Bsu_tSGjAGF

■参考
・鉄道模型をマイコンで動かす
https://relativelayout.hatenablog.com/entry/2018/10/27/170330
https://relativelayout.hatenablog.com/entry/2018/11/04/233846

・百均で鉄道模型のジオラマを作る
https://relativelayout.hatenablog.com/entry/2018/11/06/224819

・オレオレ運行情報ページ作成
https://relativelayout.hatenablog.com/entry/2018/10/28/095436

・Herokuデプロイ
https://relativelayout.hatenablog.com/entry/2018/11/08/204418

Transcript

1. 京急を止めるIoT (本当に列車を止めるわけではありません) ポキオ@enebular developer Meetup Vol.7
2. ポキオ • https://pokiiio.github.io/ • R&D 園児にゃー • Twitter/GitHub : @pokiiio • Blog : Androidのメモとか（https://relativelayout.hatenablog.com/）
3. 京急が大好き
4. 京急ガジェットを いろいろ 作ってます
5. 京急は神 (個人の感想です)
6. 今日の本題
7. 昨年のアドベントカレンダー • 京急を止めるIoT （12日目） ◦ https://qiita.com/pokiiio/items/a91c44f2c0f4d77a739a
8. 先にサマリを
9. enebularのよさみ • 無料でも使える • クレジットカード登録不要 • Node-REDが使える • 設計したロジックをAWSやHerokuにデプロイできる （他にもたくさん機能はあります！） サクッと始めて気に入ったら本格運用
10. Node-REDのよさみ • グラフィカルに処理を設計できるツール • ノードとノードをつなげてデータのフローを作る • ハードウェアからWebサービスに関するノードが準備されている • ノンプログラミングでプログラミングができる • 簡単な静的サイトならチョッパヤで作れる • 他サービスとの連携も可能 簡単なロジックなら爆速プロトタイピング
11. 簡単な静的サイトならチョッパヤで作れる
12. 他サービスとの連携も可能
13. HerokuのDynoのスリープ回避もNode-REDから • Free Dynoは30分間アクセスがないとSleepしてしまう ◦ https://devcenter.heroku.com/articles/free-dyno-hours ◦ If an app has a free web dyno, and that dyno receives no web traffic in a 30-minute period, it will sleep. • Node-REDで自分自身を定期的にアクセスするように設計すればOK ◦ Injectionノードで30分おきに発火するように設定 ◦ Node-REDで作ったWebページをアクセスするようにした へっへっへっ
14. ここから京急の話
15. https://www.nikkei.com/article/DGXMZO09390620Q6A111C1XM1000/
16. 京急ガジェットを いろいろ 作ってます 京急の遅延を 教えてくれる
17. 京急様 運行情報ページ Wi-Fi付きのマイコンボード （だいたい2000円） LEDなどの表示デバイス ②運行情報を パース ①定期的にアクセス ③運行状況によって 光り方を変える ガジェットの仕組み
18. 京急が遅れないと デモができない
19. オレオレ運行情報ページ Wi-Fi付きのマイコンボード （だいたい2000円） LEDなどの表示デバイス ②運行情報を パース ①定期的にアクセス ③運行状況によって 光り方を変える 運行情報を自由に操れればいいのでは？ 仮想の運行情報ページを作成し マイコンはそこに アクセスするようにする
20. でも、サーバー立てたりするの ちょっと面倒くさいよね
21. そこでenebular
22. 実際のフローはこんな感じ
24. オレオレ運行情報ページ部分 運行情報を変更できるようにしている部分 運行情報変更時や定期的にツイートする部分
25. オレオレ運行情報ページ部分 運行情報を変更できるようにしている部分 運行情報変更時や定期的にツイートする部分 HTTPリクエストをトリガーに Firebaseへアクセスし ページを動的に生成 運行情報の大本は Firebaseのデータベースで管理 Heroku Dyno Sleep回避 運行情報変化時にTweetし それっぽさを演出
26. demo...
27. オレオレ運行情報ページ
28. オレオレ運行情報ページ オレオレ運行情報ページ部分
29. オレオレ運行情報Twitterアカウント
30. オレオレ運行情報Twitterアカウント 運行情報変更時や定期的にツイートする部分
31. ガジェットを光らせる https://relativelayout.hatenablog.com/entry/2017/03/25/003251
32. https://relativelayout.hatenablog.com/entry/2017/03/25/003251 ガジェットを光らせる オレオレ運行情報ページ Wi-Fi付きのマイコンボード （だいたい2000円） LEDなどの表示デバイス ②運行情報を パース ①定期的にアクセス ③運行状況によって 光り方を変える
33. 鉄道模型を運行情報に連動させる https://relativelayout.hatenablog.com/entry/2018/11/04/233846
34. 鉄道模型を運行情報に連動させる https://relativelayout.hatenablog.com/entry/2018/11/04/233846 オレオレ運行情報ページ Wi-Fi付きのマイコンボード （だいたい2000円） 鉄道模型 ②運行情報を パース ①定期的に アクセス ④運行状況で 走り方を 変える モータードライバー ③モーター ドライバを 制御
35. Thank you!