20191209_Bluemix Users Group Women's Society Meetup

by 1ft-seabass

Slide 1

Slide 1 text

[サブタイトル] [タイトル] ワンフットシーバス田中正吾 20191209_BMXUG女子部勉強会田中家う○こボタン（息子用）！ファミリーテックはじめました。ワンフットシーバス田中正吾

Slide 2

Slide 2 text

私の話はスライドを後ほど共有します。話す内容に注力いただいて大丈夫です！

Slide 3

Slide 3 text

田中正吾（たなかせいご）屋号：ワンフットシーバス 2004年よりフリーランス。以後、FLASH制作を中心にインタラクティブコンテンツを主に行い現在に至る。最近ではWEBフロントエンドをベースにしながらも、情報とインターフェースが合わさるアプローチという視点でIoTやMixed Realityといった技術も取り入れながら活動しています。

Slide 4

Slide 4 text

今年10月に息子が生まれました

Slide 5

Slide 5 text

ファミリーテックはじめました

Slide 6

Slide 6 text

息子かわいい

Slide 7

Slide 7 text

めっちゃ泣く

Slide 8

Slide 8 text

最初は息子の寝る部屋の環境が気になった https://www.1ft-seabass.jp/memo/2019/10/27/obniz-meets-family-tech-temprature/

Slide 9

Slide 9 text

息子かわいい

Slide 10

Slide 10 text

健康状態が気になる

Slide 11

Slide 11 text

つづいて田中家う○こボタン（息子用） https://www.1ft-seabass.jp/memo/2019/11/06/unko-button-getting-start/

Slide 12

Slide 12 text

さらに進化しているボタンが3パターン出せるのでレベル分け

Slide 13

Slide 13 text

LINEメッセージも分かりやすくしかも家族共有グループに！

Slide 14

Slide 14 text

実際にデータを見てみましょう

Slide 15

Slide 15 text

今回試せるようにIBM Cloudに同じ仕組みを移植してみました！

Slide 16

Slide 16 text

Node-RED Starter キットで作成

Slide 17

Slide 17 text

Cloud Foundaryアプリの作成

Slide 18

Slide 18 text

家で整えてる仕組み SORACOM LTE-M Button Plus Node-RED HTTPリクエスト SORACOM Beam

Slide 19

Slide 19 text

今回のための仕組み SORACOM LTE-M Button Plus Node-RED HTTPリクエスト SORACOM Beam IBM Cloud Cloudant DB

Slide 20

Slide 20 text

元のNode-REDフローを今回のものに移植！

Slide 21

Slide 21 text

LINE bot も別に作りました

Slide 22

Slide 22 text

今回はLINE botをフローに内包しましたこの記事が役に立ちました！→Node-REDでLINE botを作ってみた - Qiita https://qiita.com/K_M95/items/16698048d344389d3cf0

Slide 23

Slide 23 text

先程の記事を参考にNode-REDにツールチェーンで少々手を加える

Slide 24

Slide 24 text

package.jsで Node-REDにLINE botライブラリ追加

Slide 25

Slide 25 text

bluemix-setting.jsでLINE botライブラリを Node-RED内部で呼べるように

Slide 26

Slide 26 text

そして反映！

Slide 27

Slide 27 text

これでLINE botにメッセージ送れる！

Slide 28

Slide 28 text

実際に動かしてみましょう！

Slide 29

Slide 29 text

ファミリーテックのいいところ

Slide 30

Slide 30 text

あらためて自分のエンジニアスキルが身近な人のために使える

Slide 31

Slide 31 text

現実的にITテクノロジーをうまく使うかを手を動かして考えを巡らせて楽しい自分ごとでテクノロジーを操れて改めて自在に扱えるきっかけになる（リアル）うんこDone ボタンを押すだけ通知がすぐ分かる＋データ蓄積

Slide 32

Slide 32 text

リアルなフィードバックを知れたり自分ごととしての改善点が見えるディレクターとしての自分とエンジニアとしての自分。もちろん家族からのコメントもうれしい。

Slide 33

Slide 33 text

ファミリーテックはプロトタイプの宝庫！いろいろとさらに技術を加えて試行錯誤をしています

Slide 34

Slide 34 text

VRデバイス HoloLensに表示してみる

Slide 35

Slide 35 text

MQTTプロトコルでいい具合にHoloLensとIBM Cloudをつなぐ

Slide 36

Slide 36 text

こんなかんじさっきうまく行った動画も見てみましょう

Slide 37

Slide 37 text

いずれ小型化すればフリーハンドで家事をしつつ子育てログが見える未来を感じる

Slide 38

Slide 38 text

次のファミリーテックも考えてます

Slide 39

Slide 39 text

ベビーベットの上に仕掛けて

Slide 40

Slide 40 text

Node-REDでカメラ撮影フロー

Slide 41

Slide 41 text

こんな風に撮影できるのでいろいろと考えていきたい

Slide 42

Slide 42 text

いろいろ配置など刻一刻と変わるので考えることは多いけど楽しいすでに実装直後にベッドメリーが画面に入って撮影アングルの再考の余地が生じている！いいんです！

Slide 43

Slide 43 text

なによりもファミリーにテックではなくファミリーでテックできる一緒に考えることができる