Slide 1

Slide 1 text

京急を止めるIoT ポキオ @WAF2018 (2018/11/13)

Slide 2

Slide 2 text

鉄道は止めては いけませんよ、 ダメ、ゼッタイ。

Slide 3

Slide 3 text

京急を止めるIoT ポキオ @WAF2018 (2018/11/13)

Slide 4

Slide 4 text

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

Slide 5

Slide 5 text

京急が大好き

Slide 6

Slide 6 text

京急ガジェットを作ったり ハンズオン会を開いたり しています

Slide 7

Slide 7 text

京急は神 ※個人の感想です

Slide 8

Slide 8 text

さてさて

Slide 9

Slide 9 text

No content

Slide 10

Slide 10 text

なかなか京急は止まらない

Slide 11

Slide 11 text

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

Slide 12

Slide 12 text

京急の遅延を 教えてくれる ガジェットたち

Slide 13

Slide 13 text

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

Slide 14

Slide 14 text

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

Slide 15

Slide 15 text

オレオレ運行情報ページ Wi-Fi付きのマイコンボード (だいたい2000円) LEDなどの表示デバイス 運行情報を自由に操れればいいのでは? 仮想の運行情報ページを作成し マイコンはそこに アクセスするようにする

Slide 16

Slide 16 text

(でもサーバー立てたりちょっと面倒くさいよね)

Slide 17

Slide 17 text

そこでNode-RED

Slide 18

Slide 18 text

Node-RED ● グラフィカルに処理を設計できるツール ● ノードとノードをつなげてデータのフローを作る ● ハードウェアからWebサービスに関するノードが準備されている ● ノンプログラミングでプログラミングができる

Slide 19

Slide 19 text

Node-RED everywhere ● Node-REDはいろいろなところで提供されている ○ enebular … AWS・Herokuへのデプロイも可能 ○ IBM Cloud ... Watson系ツールとの連携が容易 ○ Raspberry Pi … プリインされてて、GPIOとの連携も簡単 ※個人の感想です ● 目的にあったNode-REDライフを ○ 上記のNode−REDはすべて無料で始められるので、まずは Try

Slide 20

Slide 20 text

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

Slide 21

Slide 21 text

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

Slide 22

Slide 22 text

ちゃんとTweetされてる

Slide 23

Slide 23 text

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

Slide 24

Slide 24 text

実際のフローはこんな感じ オレオレ運行情報ページ部分 特定のエンドポイントにアクセスすることで 運行情報を変更できるようにしている 定期的にツイート

Slide 25

Slide 25 text

その他諸々 ● 運行情報データはFirebaseで管理 ○ Realtime Database ○ 運行状況コード(integer)と運行状況文(string) ● enebular上のNode-REDからHerokuにデプロイ ○ どちらも無料で利用可能、最高ですね!

Slide 26

Slide 26 text

オレオレ運行情報ページ ちょっと殺風景ですが・・・

Slide 27

Slide 27 text

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

Slide 28

Slide 28 text

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

Slide 29

Slide 29 text

Thank you!