LoginSignup
9
6

More than 1 year has passed since last update.

入口に設置しよう!たのしいマスク判定機

Last updated at Posted at 2021-08-08

なんのためのもの?

お店に入る時に検温器はありますが、マスク「してる」「していない」を判定するものは無いですよね。
ピクトグラムのような張り紙にお願いが書かれていることはよく見かけます。
例の感染症が流行り始めて1年半くらい経ちますが、この先も暫く気を付けないといけないと思います。
判定するアプリケーションがあったらきっと役に立つはず…!

ということで、つくってみた

丁度いい技術があったので実際にプロトタイプを作成してみました。デモ画像.gif
 :point_down_tone4: こちらからお試しいただけます。(読み込みに時間がかかる場合がございます。)


See the Pen
マスク判定アプリver2
by yuta-proto-biz (@yuta-proto-biz)
on CodePen.


かんそうをきいてみた

みんなAIだの画像認識だの高い費用が掛かる技術だと思っていたようで、素直に驚いていました。
人が変わったり、マスクの色が変わったら認識出来ないんじゃないかという疑問も出たのでその場で試してみました。
結果は問題なく判定出来て、汎用性があることも証明出来ました。
後は余談ですが、「猫が可愛い」だったり「メッセージが面白い」といった意見も頂きました。

動作の流れについて

kadai2_15.png

使用したアプリケーションなど

・CodePen
・Teachable Machine
・Node-RED
・Google SpreadSheet API

Node-RED 全体構成

kadai2_01.png

Node-RED 各ノード詳細

kadai2_02.png
kadai2_08.png
 :point_right_tone3: CodePenから画像判定結果を受信
kadai2_03.png

msg.pen = msg.payload.label;

return msg;

 :point_right_tone3: 送られてきた画像判定結果を変数に退避
kadai2_04.png
kadai2_10.png
 :point_right_tone3: SpreadSheetから猫のセリフ一覧を配列で取得
kadai2_05.png

let index = 0;

let resultMessage = "";

if (msg.pen == "マスクあり") {
    index = Math.floor(Math.random()*5) + 1;
} else {
    index = Math.floor(Math.random()*10) + 6;
}

resultMessage = msg.payload[index];

msg.payload.label = resultMessage;

return msg;

 :point_right_tone3: 判定結果によって違う乱数を発生させて、生成した数値でセリフ一覧の配列からメッセージを選ぶ
kadai2_06.png
kadai2_12.png
 :point_right_tone3: CodePenに送信するためにメッセージを整形する
kadai2_07.png
kadai2_13.png
 :point_right_tone3: CodePenにメッセージを送信する

作成所感

この業界は役に立つものよりも「面白い」ものの方が評価されるのではないかという仮説を立てました。

過去記事へのリンク

【 LINEBot 】この「漢方薬」が「どんな症状に効くのか」教えてくれませんか? 【 GoogleSpreadSheetAPI 】

9
6
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
9
6