Teachable Machine／上司にバレないように、秘密のサインでこっそり会話する in zoom会議

# 「帰りたい」「話長い」「このあとランチいこ」を仲良しの友達や同僚だけにチャットで送るのは非常にキケン
**私は全員チャットに送ったことがある**
もちろん話が長いその人には嫌われた。でもその後長い話を聞かなくて済んで結果オーライだった。
でももしもあなたが私みたいな失態を起こしたくないというのなら、お互いにしかわからないサインをこっそり送れば、ほ～ら安心:angel_tone2:
# zoom会議中、「話長い」「帰りたい」をこっそり仲良しの同僚だけにボディサインで伝える
さあ、さっそくやってみよう。
![615d8c4957d9c35329303d05f36ae8f7_t.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2573810/4ac9c32b-bfe8-dd34-4e61-d14bbc0cc41e.jpeg)
## 私のサインは友人に伝わるか
実験動画はこちら。
<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">秘密のサインは友人に伝わるか！？<br>オンライン会議で他の人にバレないようにこっそり会話。<a href="https://twitter.com/hashtag/zoom?src=hash&amp;ref_src=twsrc%5Etfw">#zoom</a> <a href="https://twitter.com/hashtag/AI?src=hash&amp;ref_src=twsrc%5Etfw">#AI</a> <a href="https://twitter.com/hashtag/%E6%A9%9F%E6%A2%B0%E5%AD%A6%E7%BF%92?src=hash&amp;ref_src=twsrc%5Etfw">#機械学習</a> <a href="https://twitter.com/hashtag/MachineLeaning?src=hash&amp;ref_src=twsrc%5Etfw">#MachineLeaning</a> <a href="https://t.co/G3m98tIo08">pic.twitter.com/G3m98tIo08</a></p>&mdash; __7ENDO__ (@__7ENDO__) <a href="https://twitter.com/__7ENDO__/status/1516730108023042048?ref_src=twsrc%5Etfw">April 20, 2022</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

## Teachable Machineでポーズを読み取り
Googleの[Teachable Machine](https://teachablemachine.withgoogle.com/)で簡単＆無料で画像認識や音声認識の機械学習がweb上で作れちゃう。私が学習させたポーズとサインの意味はこんな感じ。
![2022-04-20.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2573810/234ba420-7dd5-fa34-2bc6-a2377fb220cd.png)
![2022-04-20 (4).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2573810/b456b689-010c-afbd-4bd4-5301c204b67f.png)
![2022-04-20 (5).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2573810/deb5fd77-fbcb-ec4a-a6ed-bf84cf537ab4.png)
最後のは真面目にオンライン会議に出ている時用。たまには真面目に聞くんです。
## そしてTeachable Machine内で実験
<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">会議中、上司や取引先にバレないようにこっそりボディサインで会話ができるよ。<a href="https://twitter.com/hashtag/protoout?src=hash&amp;ref_src=twsrc%5Etfw">#protoout</a> <a href="https://twitter.com/hashtag/%E6%A9%9F%E6%A2%B0%E5%AD%A6%E7%BF%92?src=hash&amp;ref_src=twsrc%5Etfw">#機械学習</a> <a href="https://twitter.com/hashtag/AI?src=hash&amp;ref_src=twsrc%5Etfw">#AI</a> <a href="https://twitter.com/hashtag/MachineLearning?src=hash&amp;ref_src=twsrc%5Etfw">#MachineLearning</a> <a href="https://t.co/au8D5EzUT5">pic.twitter.com/au8D5EzUT5</a></p>&mdash; __7ENDO__ (@__7ENDO__) <a href="https://twitter.com/__7ENDO__/status/1516698516227518466?ref_src=twsrc%5Etfw">April 20, 2022</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

## Code Penはこちら
Teachable Machineで作った機械学習のURLをCode Penに入れれば、ほーら！できちゃった。ちなみに、**映像の輸入はOBSをかませたら解決しました。**

<p class="codepen" data-height="300" data-default-tab="html,result" data-slug-hash="YzYdmOM" data-user="nanart7" style="height: 300px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;">
  <span>See the Pen <a href="https://codepen.io/nanart7/pen/YzYdmOM">
  Untitled</a> by 7' (<a href="https://codepen.io/nanart7">@nanart7</a>)
  on <a href="https://codepen.io">CodePen</a>.</span>
</p>
<script async src="https://cpwebassets.codepen.io/assets/embed/ei.js"></script>

Teachable Machine＆Code Penらくちん・・・・そして楽しい・・・・！
色々遊びたくなるので、特に”意味なし系アイデア”で活用できそう、と思いました。