Upgrade to Pro — share decks privately, control downloads, hide ads and more …

京急を止めるIoT

pokiiio
January 17, 2019

 京急を止める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

pokiiio

January 17, 2019
Tweet

More Decks by pokiiio

Other Decks in Technology

Transcript

  1. 京急を止めるIoT
    (本当に列車を止めるわけではありません)
    ポキオ@enebular developer Meetup Vol.7

    View full-size slide

  2. ポキオ
    ● https://pokiiio.github.io/
    ● R&D 園児にゃー
    ● Twitter/GitHub : @pokiiio
    ● Blog : Androidのメモとか(https://relativelayout.hatenablog.com/)

    View full-size slide

  3. 京急が大好き

    View full-size slide

  4. 京急ガジェットを
    いろいろ
    作ってます

    View full-size slide

  5. 京急は神
    (個人の感想です)

    View full-size slide

  6. 今日の本題

    View full-size slide

  7. 昨年のアドベントカレンダー
    ● 京急を止めるIoT (12日目)
    ○ https://qiita.com/pokiiio/items/a91c44f2c0f4d77a739a

    View full-size slide

  8. 先にサマリを

    View full-size slide

  9. enebularのよさみ
    ● 無料でも使える
    ● クレジットカード登録不要
    ● Node-REDが使える
    ● 設計したロジックをAWSやHerokuにデプロイできる
    (他にもたくさん機能はあります!)
    サクッと始めて気に入ったら本格運用

    View full-size slide

  10. Node-REDのよさみ
    ● グラフィカルに処理を設計できるツール
    ● ノードとノードをつなげてデータのフローを作る
    ● ハードウェアからWebサービスに関するノードが準備されている
    ● ノンプログラミングでプログラミングができる
    ● 簡単な静的サイトならチョッパヤで作れる
    ● 他サービスとの連携も可能
    簡単なロジックなら爆速プロトタイピング

    View full-size slide

  11. 簡単な静的サイトならチョッパヤで作れる

    View full-size slide

  12. 他サービスとの連携も可能

    View full-size slide

  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ページをアクセスするようにした
    へっへっへっ

    View full-size slide

  14. ここから京急の話

    View full-size slide

  15. https://www.nikkei.com/article/DGXMZO09390620Q6A111C1XM1000/

    View full-size slide

  16. 京急ガジェットを
    いろいろ
    作ってます
    京急の遅延を
    教えてくれる

    View full-size slide

  17. 京急様 運行情報ページ
    Wi-Fi付きのマイコンボード
    (だいたい2000円)
    LEDなどの表示デバイス
    ②運行情報を
    パース
    ①定期的にアクセス
    ③運行状況によって
    光り方を変える
    ガジェットの仕組み

    View full-size slide

  18. 京急が遅れないと
    デモができない

    View full-size slide

  19. オレオレ運行情報ページ
    Wi-Fi付きのマイコンボード
    (だいたい2000円)
    LEDなどの表示デバイス
    ②運行情報を
    パース
    ①定期的にアクセス
    ③運行状況によって
    光り方を変える
    運行情報を自由に操れればいいのでは?
    仮想の運行情報ページを作成し
    マイコンはそこに
    アクセスするようにする

    View full-size slide

  20. でも、サーバー立てたりするの
    ちょっと面倒くさいよね

    View full-size slide

  21. そこでenebular

    View full-size slide

  22. 実際のフローはこんな感じ

    View full-size slide

  23. オレオレ運行情報ページ部分
    運行情報を変更できるようにしている部分
    運行情報変更時や定期的にツイートする部分

    View full-size slide

  24. オレオレ運行情報ページ部分
    運行情報を変更できるようにしている部分
    運行情報変更時や定期的にツイートする部分
    HTTPリクエストをトリガーに
    Firebaseへアクセスし
    ページを動的に生成
    運行情報の大本は
    Firebaseのデータベースで管理
    Heroku Dyno
    Sleep回避
    運行情報変化時にTweetし
    それっぽさを演出

    View full-size slide

  25. オレオレ運行情報ページ

    View full-size slide

  26. オレオレ運行情報ページ
    オレオレ運行情報ページ部分

    View full-size slide

  27. オレオレ運行情報Twitterアカウント

    View full-size slide

  28. オレオレ運行情報Twitterアカウント
    運行情報変更時や定期的にツイートする部分

    View full-size slide

  29. ガジェットを光らせる
    https://relativelayout.hatenablog.com/entry/2017/03/25/003251

    View full-size slide

  30. https://relativelayout.hatenablog.com/entry/2017/03/25/003251
    ガジェットを光らせる
    オレオレ運行情報ページ
    Wi-Fi付きのマイコンボード
    (だいたい2000円)
    LEDなどの表示デバイス
    ②運行情報を
    パース
    ①定期的にアクセス
    ③運行状況によって
    光り方を変える

    View full-size slide

  31. 鉄道模型を運行情報に連動させる
    https://relativelayout.hatenablog.com/entry/2018/11/04/233846

    View full-size slide

  32. 鉄道模型を運行情報に連動させる
    https://relativelayout.hatenablog.com/entry/2018/11/04/233846
    オレオレ運行情報ページ
    Wi-Fi付きのマイコンボード
    (だいたい2000円)
    鉄道模型
    ②運行情報を
    パース
    ①定期的に
    アクセス
    ④運行状況で
    走り方を
    変える
    モータードライバー
    ③モーター
    ドライバを
    制御

    View full-size slide