【元保育士の初ものづくり】我が家の爆睡ハムスターが、obnizを使っていつでもモチベ上げてくれるってよ

## この無防備な姿を見よ ##
こんにちは、元保育士で非エンジニア、りゆです。
２週間前からデジタルな世界へとやってきました！
画面共有とはなんぞや？！から始まったアナログ人間な私の、たった２週間で記念すべき初めてのobnizを使ったものづくりをお届けします。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3720831/36adc07e-603c-3e16-4af8-4eac81ab688f.png" width=70%>

こちらは夜行性のため、日中は爆睡し続けるハムスターでございます。

とっても幸せそうな寝顔をされていますね。

寝顔を見るだけでも十分なのですが、欲を言うと・・・ **もふもふしたい（照）**

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3720831/bf33762d-cbfc-d192-bc83-0e21b92aa9a7.png" width=70%>

えー・・・続いてこちらは日中モチベーションが低く、ゴロゴロし続ける私でございます。
最近「よし！やるぞ！」となるまでが長い。
デスクに向かっては **「考える人」状態** になっています。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3720831/26661b47-6550-e957-efae-bd1b1f4efa70.png" width=70%>


**ただこのままでは、やりたいことにも向き合えない！！**

何か自分を変えられるきっかけはないかなと周りを見てみると、隣ですやすやと眠るハムスターが視野に入りました。
私はふと思ってしまったのです。

## ハムスターから応援されたい！！ ##

相当頭を使い込んだのでしょうね。普段だったら思いつかないアイデアです。

**↓応援される気持ちになれるものを作ってみました！！↓**


https://x.com/riyu___11/status/1800418021808410941

可愛い・・・LEDがピコン！と反応して、まるでお話しているようです☺️

応援される時には、

・何かしらの反応が欲しい！
・なでなでしたい！癒されたい！

という２点を大切に作ってみました。

**ここからはハムに応援されたい人必見です！笑**

ちなみに・・・

## なでなでを堪能したい方へおすすめ↓ ##
応援ハムを作って数日後に、欲求のままに作りました。

https://x.com/riyu___11/status/1801113309099282709

今回は平面でなでなでできる応援ハムスターの作り方です！！

一緒に作ってみましょう！！

## なでなで応援ハムの準備 ##

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3720831/8b122697-17fa-b97a-088f-724f88f2f199.png" width=70%>


・obniz
・超音波距離センサー
・LED
・ブレッドボード
・ジャンパーワイヤー（超音波距離センサー用４本）
・ジャンパーワイヤー（LED用２本）
・ハムスターの写真と言葉の吹き出し

【開発者コンソール】

https://console.obniz.com/ja/

## なでなで応援ハムのイメージ ##

**【目的】**

・ハムスターの写真をなでなですると、距離センサーが人を認識する
・LEDが光り、「頑張れ！」とエールを送ってくれる

**【作成の流れ】**

・センサーを作る
・距離センサーとハムスターの写真を近くに置く
・人が距離センサーに近づき、
　距離が５cm未満になるとLEDが光る（なでなでしたいから５cm未満にした）

**とってもシンプルですね！！！！**


## 一緒に作ってみよう！ ##

① obnizを繋げて起動する

② QRコードとIDがの最初の状態になっているか確認！
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3720831/a2fd45a6-4124-f71e-e515-bebfa8e6f457.png" width=70%>

③　距離センサーを繋げる
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3720831/c9995c21-43dc-a861-246b-35763eb0f5f3.png" width=70%>


④ LEDを繋げる
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3720831/ccadad25-7322-b86b-1356-3eb6615614a7.png" width=70%>


⑤　obniz と繋げる

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3720831/20101e0e-9e2b-da76-0363-075f3bdbed29.png" width=70%>

⑥　開発者コンソール開く

　・開発→HTMLプログラムで作成

<details><summary>コードはこちら</summary>

```html
<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <title>Obniz LED Control</title>
  <script src="https://unpkg.com/obniz@3.30.0/obniz.js"></script>
</head>
<body>
  <div id="obniz-debug"></div>
  <h1>好きなタイトルを入力</h1>

  <script>
    const obniz = new Obniz('Obniz_ID'); // Obniz_IDに自分のIDを入れます

    // obnizがオンラインであることが確認されたら、以下の関数内が自動で実行されます
    obniz.onconnect = async function () {   

    //*******ここから下にコードを入力*******

      // 超音波距離センサを利用
      // 基礎編で使ったときと向きが反転していることに注意
      const hcsr04 = obniz.wired('HC-SR04', {
        gnd: 3,
        echo: 2,
        trigger: 1,
        vcc: 0,
      });

      // LEDを利用
      const led = obniz.wired('LED', { anode: 10, cathode: 11 });

      // obnizディスプレイ（初期表示）
      obniz.display.clear();
      obniz.display.print('obniz Ready');

      // setIntervalで定期実行
      setInterval(async () => {
        // 距離を取得
        let distance = await hcsr04.measureWait();
        // 小数点以下がたくさんあるのでここでは整数にします
        distance = Math.floor(distance);
        // 距離をコンソールに表示
        console.log(distance + ' mm');
        // 距離をobnizディスプレイに表示
        obniz.display.clear();
        obniz.display.print(distance + ' mm');
        // 距離によって判定
        if (distance < 50.0) {
          // 50mm = 5cm 未満の場合 obnizディスプレイ表示
          obniz.display.clear();
          obniz.display.print('Too close!!');
          // LEDオン
          led.on();
        } else {
          // 50mmを超えるときは常にLEDオフ
          led.off();
        }
      }, 1000); // 1000ミリ秒 = 1秒ごとに実行

    //*******ここまでの間にコードを入力*******
    }
  </script>
</body>
</html>

```
</details>

<br>

⑦ コードを入力して実行！！

そして・・・

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3720831/9aaabd4b-d3df-274e-43a8-fe8f609f7d4a.png" width=70%>

色々なバージョンを作ることで**日替わり**でも楽しめます♡

**これがあればいつでも、モチベーション上げられますね！**

しかし・・・ 
## まだ満足していない！ ##

なんてったって！会話ができないのです！！！

実際にハムスターも言葉が話せるわけではないので、あたかも話しているようにモチベーションがもっと上がるものを作りたいです。また一緒に作りましょう！！

「まだまだ改善するなんて...努力家だな」
**「これからもものづくり頑張って！」と応援していただける方は、ぜひ記念すべき初めての いいね🩷 をお願いします！**  

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3720831/ba7fb060-85f9-772c-503e-31530b421d47.png" width=70%>