Slide 1

Slide 1 text

格安でスマートロックを作ってみた KMiura(@k_miura_io)

Slide 2

Slide 2 text

自己紹介 • 三浦 耕生(こうき) • 名古屋のゲーム会社 のサーバーエンジニア @k_miura_io koki.miura05

Slide 3

Slide 3 text

スマートロック • 手軽に取り付けられるようになった • 家の鍵のサイズに合わなかった時のリスクが大きい • 自分で作ってしまおう

Slide 4

Slide 4 text

作ってみた

Slide 5

Slide 5 text

用意するもの(ハード) • Obniz • 綿棒ケース • つまみ回す器具(3Dプリンターで自作)

Slide 6

Slide 6 text

用意するもの(ハード) • Obniz → もらいものなのでタダ • 綿棒ケース → 捨てようとしてたものを使ったのでタダ • つまみ回す器具(3Dプリンターで自作) → 値段覚えてないので実質タダ

Slide 7

Slide 7 text

用意するもの(ソフト) • Node-RED(IBM Cloud使用) • Obnizノード 材料費、運用費ともにタダ!

Slide 8

Slide 8 text

配線 • わざわざ書くほどでもないくらいシン プル • obnizのfritzing用パーツはobniz公 式のGithubレポジトリで公開中(最 近リンク修正のPR出した)

Slide 9

Slide 9 text

設置 • ガムテープ固定という非常にダサい見た目w • 綿棒ケースはカットして高さ調節する必要なかっ た • 途中で外れそう

Slide 10

Slide 10 text

Node-RED • Node-REDのダッシュボードを使っ てサクッとUI作成 • あとはObnizノードにちょろっとコー ド書くだけ

Slide 11

Slide 11 text

DEMO https://youtu.be/PNcYkdgtKeA

Slide 12

Slide 12 text

まとめ • Obnizがあればソフトからハードを操作するシステムの作成が簡単 • Node-REDを活用するとアプリの作成がより簡単になる • ガムテープ固定だと次の日にはすぐ外れたので、追加購入で器具を買った(100均 で揃えたのでかなりお得に) • 間違いなく既製品だと合わなかったので作ってよかった

Slide 13

Slide 13 text

おまけ • Node-REDで使用しているCloudantが破損してい たせいでNode-REDが使えなくなった • タダで使っているからあんまり文句言えない • なんとかせねば…

Slide 14

Slide 14 text

Netlify+Vue • Vueを活用してダッシュボードより多少イケてる UIに変更 • Netlify上でビルド&環境変数対応しているので 検証用と本番用で使い分けれる • よりわかりやすくなった(はず)

Slide 15

Slide 15 text

ソースコード&ブログ https://github.com/Miura55/smartlock https://bit.ly/3q2e1ij

Slide 16

Slide 16 text

END