もうすぐ内定式や内定者研修が始まる時期ですね。
今年も内定者研修はオンラインで行う企業も多いのではないでしょうか。
オンラインだと座学ばかりになってしまい、参加者が退屈しないか悩んでいる人事担当者もいるかと思います。
当社でも小売企業の内定者向けにウェビナーを企画している時に
単なる講義だけではなく、エンタメ要素やちょっとしたブレイクタイムになるような
全員参加型のコンテンツを入れることはできないかな？と悩んでいます。
そんなオンライン研修のネタに困っている人事担当者や企画担当者向けに
オンラインでも参加者が手を動かしながら楽しめるようなクイズWebアプリを作ってみました。
（今回は小売企業を対象にしています。）
アメリカ小売企業売上ランキングクイズ
このWebアプリは、アメリカの小売企業のロゴをWebカメラに映すと
その企業が売上何位なのか、クイズの答えを教えてくれるというものです。
使用したツール
Teachable Machine
アメリカ食品小売企業売上ランキング上位3社のロゴの画像を学習させました。
CodePen
Teachable Machineと連携させ、Webアプリを作成しました。
1位の企業を当てた場合は分かりやすいように背景が黄色になるようにしました。
See the Pen
アメリカ小売企業売上ランキング by KomoriAC (@komoriac)
on CodePen.
Node-RED
推論の結果をNode-REDに送り、アプリで動作があるとLINE Botにメッセージが届くようにしました。
LINE Bot
上位3社だけではなく他企業のランキングも見られるように詳細ページを案内するメッセージを配信しました。
改善したいところ
●クイズなのでアプリの見た目をもう少し派手にしたかったです。
●Webカメラに自分の顔が写っている時はウォルマートの判定がでてしまうので
画像を学習させるときにもう少し気を付ければよかったです。
●Webアプリがループで作動してしまうので、LINEに大量のメッセージが届いてしまいます。
制御できるようにしたかったです。
AI(機械学習)をもっと応用したい
今回初めてTeachable MachineとCodePenを使用しましたが
こんな簡単に機械学習やWebアプリを作ることができるんだと驚きましたし、
もっと色々なことに応用してみたいと思いました。
画像認識の場合は、送られてきた申請書の不備を見つけてくれるもの、
音声認識の場合は、セミナーで出てきた専門用語の意味を教えてくれるもの
があるといいなと思うので、いつか作れるようになってみたいです！