enebular developer Meetup Vol.7

enebular developer Meetup Vol.7「最近のenebularとobnizの連携パターン試行錯誤をお伝えする！」の登壇資料です。

◆スライド内の素材は以下を使用させて頂いております。ありがとうございます！

・シルエットデザイン http://kage-design.com/
・human pictogram 2.0 http://pictogram2.com
・ICOOON MONO http://icooon-mono.com/

Transcript

1. enebular developer Meetup Vol.7 最近のenebularとobnizの連携パターン 試行錯誤をお伝えする！ ワンフットシーバス 田中正吾
2. 私の話はスライドを後ほど共有します。 話す内容に注力いただいて大丈夫です！
3. 田中正吾（たなかせいご） 屋号：ワンフットシーバス 2004年よりフリーランス。以後、FLASH制作を 中心にインタラクティブコンテンツを主に行い現 在に至る。 最近ではWEBフロントエンドをベースにしなが らも、情報とインターフェースが合わさるアプ ローチという視点でIoTやMixed Realityといっ た技術も取り入れながら活動しています。
4. enebularアドベントカレンダー書いたよ
5. 今日はこちらのお話 https://www.1ft-seabass.jp/memo/2018/12/25/enebular-obniz-html-relation/
6. enebularだけで連携ができるという話
7. Discover Flowから取り込んでみた
8. まずWEBエディタ上で表示
9. 書き換えるのはここだけ テンプレートノードで差し替わるんです
10. テンポラリURLから起動してみる
11. 起動しておきます テンポラリURL＋ /obniz
12. obniz WebSocket 左右に操作 メッセージが 表示 左右ボタンを操作してみると動きます
13. obniz WebSocket メッセージ表示 データ送信 テンポラリURLから起動してみる
14. 動かしてみます！
15. ただテンポラリなのでたまに切断されるときある このあたりは良い具合に付き合いましょう！Heroku Deploy後はいけた。
16. enebular editorでやってみる！
17. さきほどのフローを起動する
18. enebular editorでURL起動！ ポートが1880でなく1888なので http://localhost:1888/obnizでアクセスするのがミソ
19. なんかつながらない
20. フロントエンド的な分析を開始
21. WebSocket wws:// がつながらなさそうなので ws:// に変更してみたら・・・
22. つながったー！！！！
23. 動かしてみます！
24. うーんHTTPSとかWSS(Secure WebSocket)は ローカル対応大変そうだなと感じる Discover Flowの元ソースをHTTP/HTTPSみて繋げ先判断するように治そうと思っております！
25. エクストラネタがうまくいくか！ デジタル入力（Grove ボタン）が押されるとデジタル出力（Grove LED）が動く仕組みと Groveコネクタと通常のピンヘッダを変換する仕組みの連携
26. エクストラもうひとつもうまくいくか！ LANケーブル延長ネタ
27. ご清聴いただきまして ありがとうございました！