5
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

ネタに困っている人事担当者向け!オンライン研修でも楽しみながら学べる画像判定クイズアプリ

Last updated at Posted at 2021-08-09

もうすぐ内定式や内定者研修が始まる時期ですね。
今年も内定者研修はオンラインで行う企業も多いのではないでしょうか。

オンラインだと座学ばかりになってしまい、参加者が退屈しないか悩んでいる人事担当者もいるかと思います。

当社でも小売企業の内定者向けにウェビナーを企画している時に
単なる講義だけではなく、エンタメ要素やちょっとしたブレイクタイムになるような
全員参加型のコンテンツを入れることはできないかな?と悩んでいます。

そんなオンライン研修のネタに困っている人事担当者や企画担当者向けに
オンラインでも参加者が手を動かしながら楽しめるようなクイズWebアプリを作ってみました。
(今回は小売企業を対象にしています。)

#アメリカ小売企業売上ランキングクイズ
このWebアプリは、アメリカの小売企業のロゴをWebカメラに映すと
その企業が売上何位なのか、クイズの答えを教えてくれるというものです。

Image from Gyazo

#使用したツール
###Teachable Machine
アメリカ食品小売企業売上ランキング上位3社のロゴの画像を学習させました。
Image Model - Teachable Machines - Google Chrome 2021_08_09 14_57_19 (2).png

###CodePen
Teachable Machineと連携させ、Webアプリを作成しました。
1位の企業を当てた場合は分かりやすいように背景が黄色になるようにしました。

See the Pen アメリカ小売企業売上ランキング by KomoriAC (@komoriac) on CodePen.

###Node-RED
推論の結果をNode-REDに送り、アプリで動作があるとLINE Botにメッセージが届くようにしました。

Node-RED _ nodered-komori.herokuapp.com - Google Chrome 2021_08_09 14_39_44 (2).png

###LINE Bot
上位3社だけではなく他企業のランキングも見られるように詳細ページを案内するメッセージを配信しました。
linebot.jpg

#改善したいところ
●クイズなのでアプリの見た目をもう少し派手にしたかったです。
●Webカメラに自分の顔が写っている時はウォルマートの判定がでてしまうので
 画像を学習させるときにもう少し気を付ければよかったです。
●Webアプリがループで作動してしまうので、LINEに大量のメッセージが届いてしまいます。
 制御できるようにしたかったです。

#AI(機械学習)をもっと応用したい
今回初めてTeachable MachineとCodePenを使用しましたが
こんな簡単に機械学習やWebアプリを作ることができるんだと驚きましたし、
もっと色々なことに応用してみたいと思いました。

画像認識の場合は、送られてきた申請書の不備を見つけてくれるもの、
音声認識の場合は、セミナーで出てきた専門用語の意味を教えてくれるもの
があるといいなと思うので、いつか作れるようになってみたいです!

5
3
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
5
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?