IFTTTでobnizとGoogleカレンダーを繋げて、お薬を飲む時間になったら旗を振ってくれるものを作ったよ。 #JavaScript

こんにちは
今日はIFTTTを使用して、Googleカレンダーに指定した時間になったら、
obnizに繋げてあるモーターが稼働して、お薬を飲む時間を旗を振って教えてくれるものを作りました。

一旦完成したもの

作ろうと思った訳

①お薬を飲む時間が自動でわかるようにしたい
②音でなく目でみてお薬を飲む時間に気づきたい

私は毎日同じ時間にお薬を飲まないといけません。
「夜の23時に飲むぞ！」と決めていても大体時間がずれます。
（病院の先生からちゃんと毎日同じ時間に飲まないと意味ないからね！と言われている）

スマホを使って通知設定をすれば、音で分かっていいと思いますが、
アラーム音を下げていることもあり、大体気づきません。

なのでデスクの壁に貼り付けて、目で見てわかる仕組みを作りました。

使用したもの

今回はIFTTTを使用して自動通知できるようにしました。

あとは日々使用しているGoogleカレンダーを使用してください。

事前に準備すること

作成方法【Developer’s Console-obnizのアプリ開発設定】

Webhookで実行にチェックをつけてください。(その他の変更箇所はありません。)
スクロールすると設定を更新というところがあるので、クリックしてください。

更新されると左側の開発→アプリ開発を選択すると先ほど作ったものが表示されます。

作成方法【プログラムの設定】

このような画面になるのでコードを入力してください。

実際に作成したコードはこちら


<html>
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
    <script
      src="https://unpkg.com/obniz@3.5.0/obniz.js"
      crossorigin="anonymous"
    ></script>
  </head>
  <body>
    <div id="obniz-debug"></div>

    <button id="up">Up</button>
    <button id="down">Down</button>

    <script>
      let obniz = new Obniz("OBNIZ_ID_HERE");
      obniz.onconnect = async function() {
        let servo = obniz.wired("ServoMotor", { gnd: 0, vcc: 1, signal: 2 });
        servo.angle(90);
        setTimeout(function(){
          servo.angle(180);
　　　　 },1000);
　　　　 servo.angle(90) 

        $("#down").click(function() {
          servo.angle(180);
        });
      };

      obniz.onclose = async function() {
        $("#up").off("click");
        $("#down").off("click");
      };
    </script>
  </body>
</html>