格安でスマートロックを作ってみた
by
KMiura
×
Copy
Open
Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
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