Twitterでプチバズってたスマートロックをリスペクトを込めてobnizで再現してみた

まず最初にこのTwitterの投稿をご覧ください。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">LINEで操作できるスマートロックのプロトタイプを弊社に実装した（製作7時間・材料費約3500円） <a href="https://t.co/DHjcMkFvLS">pic.twitter.com/DHjcMkFvLS</a></p>&mdash; うこ (@ukokq) <a href="https://twitter.com/ukokq/status/1181550006890684418?ref_src=twsrc%5Etfw">October 8, 2019</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>


<br>
先日、このスマートロックの製作者[うこ](https://twitter.com/ukokq)さんのお話を聞く機会がありました。
今まで私は、スマートロックって、なんかスゴい仕組みでスゴいことやっていて私には関係ない世界かと思っていました。
それが、うこさんの作品では、まさかサーボモーターとダブルクリップで実現できていました。
目からウロコ、まさにコロンブスの卵でした。

<img width="436" alt="2020-07-28 23.00.26.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/291592/9963b123-7a3d-5500-219d-00242edc974f.png">



## 作ったもの
さっそく、リスペクトを込めて obnizで再現してみました。
私が作ったものはこちらです。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">【Qiita記事投稿しました】<a href="https://twitter.com/ukokq?ref_src=twsrc%5Etfw">@ukokq</a> さん製作のスマートロックを再現してみました。<br>〜『Twitterでプチバズってたスマートロックをリスペクトを込めてobnizで再現してみた』<a href="https://twitter.com/hashtag/obniz?src=hash&amp;ref_src=twsrc%5Etfw">#obniz</a> <a href="https://twitter.com/hashtag/protoout?src=hash&amp;ref_src=twsrc%5Etfw">#protoout</a> <a href="https://t.co/CIOZc8ZQET">https://t.co/CIOZc8ZQET</a> <a href="https://t.co/SPzcyl5prr">pic.twitter.com/SPzcyl5prr</a></p>&mdash; たつや (@tatsuya1970) <a href="https://twitter.com/tatsuya1970/status/1288120830933647361?ref_src=twsrc%5Etfw">July 28, 2020</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

###環境
Node 14.5.0

###必要なもの
・[obniz Board](https://obniz.io/ja/products/obnizboard)
・[マイクロサーボ SG-5010](http://akizukidenshi.com/catalog/g/gM-08913/)
・ケーブル（オスーオス）
・ダブルクリップ　（１００円ショップで購入）
・タッパー　（１００円ショップで購入）
![IMG_7032.jpeg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/291592/d7064cbd-7f1c-3d8c-9511-681ba45292f1.jpeg)


###原理

ダブルクリップで錠のつまみを掴み、サーボモータでつまみを回して開閉します。
<img width="577" alt="2020-07-28 22.04.42.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/291592/b1cf315b-c09b-ef4c-76db-ce478dd9a9f6.png">

###工程
錠にタッパーを合わせ、
![IMG_7036.jpeg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/291592/1ad14ee5-e822-49a9-e793-bb4bd8e715ae.jpeg)

ダブルクリップで錠のつまみを掴んで、タッパーをかぶせます
![IMG_7031.jpeg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/291592/4a49457a-c347-72c4-ea6c-7814cd82b811.jpeg)

横から見た構図
![IMG_7041.jpeg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/291592/1a4eb29b-3ffe-ea4d-79b3-e1dab5983cbd.jpeg)



###構成図
<img width="1268" alt="scheme.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/291592/87ba253b-b8ed-96b4-1ad8-6af146bcd606.png">


##コード
###LINE BOT
```Javascript:linebot.js
'use strict';
const request = require('request');
const express = require('express');
const line = require('@line/bot-sdk');
const PORT = process.env.PORT || 3000;
const config = {
    channelSecret: 'channelSecret',
    channelAccessToken: 'channelAccessToken'
};

const app = express();
app.post('/webhook', line.middleware(config), (req, res) => {
    console.log(req.body.events);
    Promise
      .all(req.body.events.map(handleEvent))
      .then((result) => res.json(result));
});

const client = new line.Client(config);

async function handleEvent(event) {
  //obnizクラウドへPOST
  const options = {
    url: "https://obniz.io/events/XXXX/ABCDEFGHIJKLMN/run",
    method: 'POST',
    form: {"order":event.message.text }
  }
  request(options, function (error, response, body) {
    console.log(body);
  })
  //LINEチャットボットへ返信
  return client.replyMessage(event.replyToken, {
    type: 'text',
    text: event.message.text //実際に返信の言葉を入れる箇所
  });
}
app.listen(PORT);
console.log(`Server running at ${PORT}`);
```


###obnizクラウド
```html:smart_lock.html
<!-- HTML Example -->
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <script src="https://obniz.io/js/jquery-3.2.1.min.js"></script>
  <script src="https://unpkg.com/obniz@3.7.0/obniz.js"></script>
</head>
<body>

<div id="obniz-debug"></div>
<h1>ServoMotor</h1>

<script>
const obniz = new Obniz("obniz ID");
obniz.onconnect = async function () {
     const servo = obniz.wired('ServoMotor', {gnd:0,vcc:1,signal:2});
     obniz.display.clear();  //  ディスプレイを一旦クリアする
    //ドアを開く
    if (req.body.order=="open") {
      obniz.display.print("OPEN");
      servo.angle(0.0);
    }
    //ドアを閉める
    else if (req.body.order=="lock") {
      obniz.display.print("LOCK");
      servo.angle(90.0);
    } 
}
</script>
</body>
</html>
```







##はまったところ

###pwmって何？

最初は obnizクラウドを利用せずに、LINEのチャットボットと「obniz＋サーボモータ」を同じプログラム上で実行していました。
その場合、LINEで開閉（投稿）すると、毎回７回目に以下のエラーが出て途方にくれました。
```
UnhandledPromiseRejectionWarning: Error: No More pwm Available.
```

ある方から、このエラーは、サーボモータを動かすごとにpwmが消費され、最終的にpwmが枯渇したのではないかご指摘いただきました。
いろいろ試行錯誤して、最終的にはサーボモーターの処理をobnizクラウドに移したら、エラーが出なくなりました。
結局、pwmのことはよく分からず・・・


###obonizクラウドでのライブラリ？
Node.jsでは、post通信を受信するには、requestライブラリ、expressライブラリが必要ですが、obnizクラウドではその使い方がわからず、ハマりました。

結局は、req.body　にpost通信されたものが入ってることに気がついて事なきを得ました。

そのあたりのことは、こちらをご参照ください。
[サーバーレスイベントセットアップ（obniz公式）](https://obniz.io/ja/doc/reference/cloud/serverless-event/setup)



##最後に

今回私が作ったスマートロックは、たまにエラーはないのに動かなくなるなど不安定です。
それにwifiに依存していること、電源をどうするかなど、実用化するにはまだまだです。

ただ、自分がスゴいと思ったものを真似することで、多くのことを学びました。
お金をかけてなんかスゴいことをしなくても、おおげさにシステム開発しなくても、このように１００円ショップで売っているものを有効活用する等のちょっとした工夫でスゴいものができるということを教えてもらいました。
※「ちょっとした」と言いましたが、実はその「ちょっとした」ことを思いつくのがとてもとても難しいです。コロンブスの卵の話のように。

おかげさまで、物事を見る目、電子工作の幅が広がりました。

[うこ](https://twitter.com/ukokq)さん、ありがとうございました。