情報処理学会 インタラクション 2022
IPSJ Interaction 2022

4D142022/2/21

ChaChatButton: 聴講者からのフィードバックをリアルタイムに反映するチャットボタン
越後宏紀†

阿部花南†武井秀憲† 五十嵐悠紀†

小林稔†

概要：新型コロナウイルス感染症(COVID-19)の感染拡大の影響により，オンラインによる学会発表や授業が急増している．オンラインによる学会発表や授業はどこからでも参加可能であるという利点がある一方で，発表者が聴講者の反応をリアルタイムで知ることができず，発表しづらかったり，授業を展開しづらかったりする問題がある．そこで
本稿では，聴講者からのフィードバックをリアルタイムに反映できるシステム「ChaChatButton」を提案した．学会発表で実践した結果から，発表者側が聴講者の反応をリアルタイムで知りながら発表することができ，かつ聴講者側もコメントや反応することへの抵抗感を和らげたことが示唆された．

1. はじめに新型コロナウイルス感染症(COVID-19)の感染拡大の影響により，オンラインによる学会発表や授業が急増している． オンラインによる学会発表や授業は，会場や学校に行かなくてもどこからでも参加可能であるという利点がある．
Zoom [1]，Webex [2]，Microsoft Teams [3]，Google Meet [4]など Web 会議システムも充実しており，今後もオンラインによる学会発表や授業は手段の 1 つとして存続すると考えられる．
一方で，学会発表や授業の特徴として発表者対聴講者という 1 対多の状況になることが多く，オンラインの場合，発表者側が聴講者側の反応を知る方法が対面と比べて限定的であるという問題がある．対面の場合では，聴講者があいづちをしていたり，拍手をしていたり，メモを取っていたりといった反応を発表者は見ることができるが，聴講者が顔出しやマイクをオンにしない限り，オンラインではそういった反応を知ることができない．Zoom ではリアクシ
ョンという機能があり，絵文字で拍手を表したり驚いたり

図 1

ChaChatButton の利用イメージコメントが反映される．提案システムを実際の学会発表で使用し，聴講者の反応を知れることを確認された．
本研究の貢献は，発表者がオンラインではこれまで知ることが難しかった聴講者の反応を，リアルタイムで知りながら発表することができるようにし，かつ聴講者側もコメントや反応することへの抵抗感を和らげたことが示唆されたことである．

することが可能であるが，そのリアクションを発表者や他の聴講者が発表中に確認しづらいことや，誰が反応したか2. 関連研究が分かってしまう問題がある．また，コメント機能で記述

2.1 動画配信サイトでのコメント入力の現状をすることもできるが，誰もコメントしていない場合コメントがしづらかったり，コメント機能でリアクションをし過ぎると質疑や大切なコメントが埋もれてしまったりする恐れがある．
我々は，このような問題を解決するために，聴講者からのフィードバックをリアルタイムに反映し発表者側の画面

YouTube やニコニコ動画のような動画配信サイトでは，視聴者はライブ配信をしている配信者に対してコメントを入力することでリアルタイムにフィードバックすることができる．配信者側はそのフィードバックに対してまた反応することが可能であり，双方向のコミュニケーションが取れる．一方で，自由にコメントができることによる問題点に表示する ChaChatButton を提案する(図 1)．決められたボもある．1 つ目は，自由にコメントができてしまうため，タンをあらかじめ発表者側が登録しておくことで，聴講者批判的なコメントやコメント欄を荒らす行為も多発していはそのボタンの中から発表中に任意のボタンを押し，発表る．配信者が NG ワードやコメントを強制的に削除するこ者に対して反応することができる．発表者の画面上では，とも可能であるが，1 つ 1 つ手作業で対応する必要があり，YouTube [5]やニコニコ動画[6]のように押されたボタンの† 明治大学

© 2022 Information Processing Society of Japan574

情報処理学会 インタラクション 2022
IPSJ Interaction 2022

4D14
2022/2/21

負担も大きくなってしまう．2 つ目は，視聴者が少ないラステム[15]を提案しており，導入事例から発言のしやすさ

イブ配信では，視聴者がコメントを書くのに抵抗感があるやポジティブな意見が得られている．一方で，コメントをということである．視聴者が多い場合，コメントは早く流投稿した割合は授業参加者の 30-40%に留まっていたといれていくため，自分がコメントしたものも多量のコメントう課題も明らかにしている．の 1 つとなって埋もれるという安心感があるが，視聴者が本稿では，質疑や詳細な反応といったコメントは対象と少ない場合，コメントが少なく，書いたコメントが一定時しておらず，あくまであいづちや簡単なリアクションであ間残ってしまい，1 つ 1 つのコメントへの責任が重くなっるため，画面にオーバーレイして横にスクロールする表示てしまうことや，途中から配信を視聴した人からもコメン方式ではなく，YouTube のコメント欄のように画面の端でトが見えてしまうという抵抗感がある．

縦方向に流しておくこととする．こうすることで，発表者

本稿では，批判的なコメントを無くし，かつ 1 つ 1 つのコメントへの責任を減らし抵抗感を減らすために，ボタンは聴講者のフィードバックを知り，聴講者は発表画面に集中して発表を聴講することができると判断した．

によるコメント入力を行うこととした．
2.2 ボタンによるフィードバック手法

3. 研究目的本稿では，提案システムを利用することによって以下のボタンを利用することによってフィードバックする研究も多くされてきている．まずニコニコ動画ではワンクリッ

2 点について調査することを目的とする．

クでコメントできる「かんたんコメント」[7]という機能があり，あらかじめ用意されているボタンを押すことでコメlできるかントを入力できるようになっている．ackStamp[8]では，デジタルノートを利用した授業を想定し，デジタルノート内にスタンプを付与することで児童同士がお互いに評価しあ発表者が聴講者の反応をリアルタイムに知ることがl

聴講者が学会発表の場においてコメントを送信するのに抵抗感がないかうことができる機能を実装している．吉田らのなるほどボタン[9]は，ボタンによるフィードバックを行い，お互いを以上の 2 点を確認するために，我々は実際の学会発表でシ褒め合うことでポジティブな感情を喚起し，ブレインストステムを利用して発表を行った．学会発表での実践についーミングの生産性が向上することを確認している．気持ちては 5 章で詳しく述べることとする．また，本稿では 5 章

可視化ボタン[10][11][12]では，会議やグループワークなどで述べる学会発表に特化したシステムを構築し，その結果の議論の場において，沈黙による議論の滞りを解決するこをもとに，今後一般的に利用可能なシステムについて議論とを目的として，議論参加者の気持ちをボタンによって可することとする．議論については 6 章で述べることとする．

視化し，会議を円滑に進行する支援を行っている．小松ら[13]は 5 つの意思表示ボタンから任意のボタンを押すことで，Slack 上に意思を表明できる支援ツールを開発している．
本稿では，これらの研究や機能と同様に，聴講者がボタンによって容易にフィードバックを行うことを目的としており，かつポジティブな意見であったり発表者が不快と感じないあいづちであったりをボタンでフィードバックする．
また，気持ち可視化ボタン[10][11][12]と同様に，本稿で提案する ChaChatButton では匿名方式を採用している．これは，視聴者が配信者に対してフィードバックを送ることに対する抵抗感を減らす目的であり，あいづちや簡単なリア
クションは発表者が 1 人 1 人特定する必要がないと判断したからである．
2.3 リアルタイムのコメント伝達システム
CommentScreen [14]はオンラインの授業やイベントで利用可能なコメントツールであり，ニコニコ動画のように視4. 提案システム「ChaChatButton」
本章では提案システムの構成について述べる．本稿では，3 章で述べた研究目的を達成するために，まず 5 章の学会発表で利用するためのシステムを開発した．
4.1 フィードバックするボタンの種類について
学会発表で利用するために採用したボタンの種類は以下の 7 種類である(表 1)．コメントの種類として，「あいづち」，「ポジティブなコメント」，「特別なコメント」のジャンルからそれぞれ 2-3 つずつ採用した．あいづちやポジティブなコメントについては ackStamp[8]やなるほどボタン[9]，気持ち可視化ボタン[12]を参考として採用した．特別なコメントについては，あいづちとポジティブなコメントのみ
では聴講者が押すのに慣れてしまうことや，発表場所に適した限定のボタンがあることで，ボタンの入力への抵抗感を減らすことができるのではないかと考えて採用した．

聴者が書いたコメントをプレゼン画面に表示することが可能である．長谷川らはリアルタイムコメントスクロールシ© 2022 Information Processing Society of Japan575

情報処理学会 インタラクション 2022
IPSJ Interaction 2022

4D142022/2/21

表 1 ボタンの種類
あいづち

なるほどうんうん
草(笑)

ポジティブなコメント

素晴らしいすごい！

特別なコメント

乾杯！
DICOMO 最高！
図 3 学会発表を再現した様子

5. 学会発表での実践
5.1 実践の概要
2021 年 6 月 30 日-7 月 2 日にオンラインで開催されたマルチメディア，分散，協調とモバイル(DICOMO2021)シンポ
図 2 システムの構成
4.2 システムの構成
ChaChatButton は，Web システムとなっており，「ボタンによるコメントを送信するフォーム」と「ボタンによるコメントを表示するフォーム」がある．システムの構成を図2 に示す．聴講者が押したボタンのデータは Google Firebase[16]に蓄積される．データの送受信やフォームの作成については HTML, CSS, JavaScript を用いて実装している．Web
システムにすることで，PC，タブレット端末，スマートフォンなどあらゆるデジタル機器から利用することが可能となっている．ボタンが押されてから表示されるまで 1 秒未満であり，遅延も少なくほぼリアルタイムで伝達可能である．
4.3 自由コメント機能
ChaChatButton では，ボタンのみによるフィードバックを提案しているが，自由にコメントできる場合と比較するために「ボタンによるコメントを送信するフォーム」内に自由コメント欄を合わせて実装した．また，2.1 節に述べたように，自由なコメントを入力可能にすることで匿名であることによる批判的なコメントや荒らしのようなコメントがあるかどうかを確かめることも考慮した．
自由コメント欄については，YouTube のスーパーチャッ
ト機能[17]を参考とし，コメントと同時に実在しない仮想の通貨(DICOIN)を任意の値段で送信することができるように設計しており，エンタテインメント性を高めた．また，
自由コメント欄で記入されたコメントについては，「ボタンによるコメントを表示するフォーム」内の下側に別途蓄積されるようになっており，発表者がすぐに確認ができるように設計した．

© 2022 Information Processing Society of Japanジウム[18]のナイトテクニカルセッションにて実践した．
発表を再現した様子を図 3 に示す．プレゼンスタイルについては，2D CG アバタを用いた VTuber 型のプレゼンスタ
イル[19]を採用した．このプレゼンスタイルを採用した理由として，アバタによる発表が聴講者に対して好印象を与えていたことや，他のプレゼンスタイルよりも緊張感が少なく和やかな発表ができると考えたためである．発表時間は 10 分であった．発表が始まってすぐに「ボタンによるコメントを送信するフォーム」の URL と QR コードを聴講者に共有し，そこからリアクションをするように促した．QRコードは常時画面上に表示していた．発表内容は 2D CG ア
バタを利用して学会発表した経験について説明するものであり，発表の最初以降はボタンによるリアクションを発表者側から促すことはなかった．発表は Zoom によって行われ，聴講者は入れ替わりがあり正式な人数は不明ではある
ものの，約 100 名が聴講していた．
5.2 実践の結果
10 分間の発表中に押されたボタンについての結果を表 2に示す．発表中に一番押されたボタンは「うんうん」であり，164 回押されていた．自由なコメントは 129 件あり，
「自分にも Live2D 描けそう描きたい」，「配信者だ…」，「いいなー自作 3D モデルで発表したい」，「キャラかわいい」，「使いたいめっちゃ使いたい」といった内容についてのコメントが多かった．一方で，「SQL インジェクションは草」，「連打できる」が 10 件，「どらごん」といった内容とは関係ないコメントも見られた．また，Zoom の方のコメント機能では発表中に 13 件のコメントがあった．ボタンの「その他」とは，4.2 節のシステムの構成において，システムの仕様によって PC からフォームを開いた場合，用意されたボタンとは異なるテキストを送信することが可能であったため，送信されたものであると思われる．

576

情報処理学会 インタラクション 2022
IPSJ Interaction 2022

4D14
2022/2/21

表 2 学会発表で押されたボタンの結果と総数じくらい押されていた．10 分の発表中に多くのポジティブ総数(回)なコメントをもらえることで，発表者も聴講者が共感してなるほど32くれていると感じ発表がしやすいと考える．特別なコメン

うんうん

164

トについては，発表者が押すタイミングが発表内容中に存草(笑)

72

在するように意図して発表していたこともあり，瞬発的に素晴らしい

74まとまって押されることが多かった．そのため，特別なコすごい！

68

メントは発表者が意図して設定することで，発表全体の雰乾杯！

66

囲気を作ることができると考える．

DICOMO 最高！

41

その他

16

ボタンが押された合計 (a)533

自由コメント (b)129

全ての合計 (a+b)

662

ボタンの種類

6.1 システムの改良とボタンの種類についての再検討
3 章の研究目的について，学会発表で実践した結果，発表者が聴講者の反応をリアルタイムに知ることができ，かつ聴講者が発表中にボタンを合計 533 回押しており，コメ表 3 ボタンのジャンル別の総数
ボタンのジャンル

6. 議論

ントを送信することに抵抗感が少なくできたと考えられる．
総数(回)

この結果を含めて，現在は他の学会発表や授業で利用する

あいづち

268

ことを想定してシステムの改良とボタンの種類についてのポジティブなコメント

142

再検討を行っている．まず，5 章の学会発表における実戦

特別なコメント

107

において，意図したボタン以外のコメントが送信できてしまう仕様を改善した．次に，ボタンの数や種類についてで5.3 考察ある．ChaChatButton は学会発表や授業といった１対多の状

10 分間の発表中に 533 回ボタンが押されていたことか

況で使用することを想定しているため，5 章の結果を含めら，平均すると 1.13 秒に 1 回フィードバックが来ており，て，あいづちやポジティブなコメントからそれぞれ複数の聴講者がコメントを送信するのに抵抗感が少なかったと考ボタンを用意しようと考えている．また，発表に応じて特えられる．本稿の著者である発表者も聴講者からたくさん別なコメントが欲しいことも考えられるため，「ボタンを登の反応がリアルタイムに来るのを確認しながら発表でき，録するフォーム」を新たに作成し，そこから発表者が任意あいづちがあることでとても話しやすく感じた．特に，発のボタンを選択することで表示するボタンを制御可能にし表の途中で「みんなで乾杯しましょう．乾杯！」と発表者たいと考えている．これは円滑な会議支援を目的とした気が発言した際，聴講者からたくさんの「乾杯！」のコメン持ち可視化ボタン[12]でも同様に再検討を進めており，あトが返ってきて，あたかも同じ空間で一緒に飲み物を掲げわせて実装も進めている．ているように感じた．
自由コメントでは，129 件ものコメントが入力されてお6.2 教育現場での活用

り，批判的なコメントは少なかったものの，発表内容とはChaChatButton は学会発表のみならず，教育現場における関係ないコメントや，荒らしのようなコメントも見受けら授業での活用も考えている．特に小学校では，教師が児童れた．授業や学会発表などを行っている場合，このようなのあくびや落書きといった行動やあいづちを見ることによ

コメントに対して発表者が即時に対応することは難しいとって，授業の展開を変えたり，授業のスピードを調整した考える．また，Zoom のような Web 会議システムを併用しりしている．また，1 人の児童が発言したことに関して他ている場合，自由なコメントは Web 会議システムの方で入の児童が「同意である」，「違う意見がある」といった意思力が可能である．これらのことから，今後はボタンのみに表示によって教師は授業を展開することがある．さらに，よるフィードバックで開発を進めていく．

授業特有の特徴として，教師対児童のような 1 対多の授業

4.1 節の表 1 で示したボタンのジャンルごとに押された形態と，児童対児童のような数人のグループでディスカッ総数を集計したデータを表 3 に示す．ジャンル別の中で「あションする授業形態が混在することがある．そのため，１いづち」が一番多く 268 回押されていた．このことから「な対多向けの ChaChatButton と，会議向けの気持ち可視化ボるほど」，「うんうん」，「草(笑)」といったあいづちについてタン[12]を組み合わせ，容易に切り替えることが可能なシのボタンは，他のボタンに比べて押しやすいと考えられる．

ステムを構築することで，教育現場により適したシステム

また，ポジティブなコメントについてのボタンも 142 回押を開発できるのではないかと考える．今後システムを改良されており，「素晴らしい」，「すごい！」のどちらもほぼ同し，小学校での実証実験を行っていきたい．

© 2022 Information Processing Society of Japan577

情報処理学会 インタラクション 2022
IPSJ Interaction 2022

7. まとめと今後の課題
本稿では，聴講者からのフィードバックをリアルタイムに反映できるシステム「ChaChatButton」を提案した．オンラインによる学会発表で実践した結果から，発表者側が聴講者の反応をリアルタイムで知りながら発表することがで

4D14
2022/2/21[17] “Super Chat と Super Sticker 購入の詳細- YouTube ヘルプ”.
https://support.google.com/youtube/answer/9178268?hl=ja , (参照2021-12-21).
[18] “DICOMO”. https://dicomo.org/ , (参照 2021-12-21).
[19] 越後宏紀, 小林稔, 五十嵐悠紀. オンラインの学会発表におけるプレゼンテーションスタイルの印象評価. 情報処理学会
論文誌, Vol.63, No.1, 2022. (掲載予定)

き，かつ聴講者側もコメントや反応することへの抵抗感を和らげたことが示唆された．今後はシステムのユーザインタフェースを改良した上で，ボタンの数や種類について再検討を行い，多くの学会発表や授業で利用できるようにしていきたい．
謝辞

本研究は JSPS 科研費 18K11410 の助成を受けたものである．また，本研究の一部は，明治大学科学技術研究所重点研究 B の支援を受けて行われた．

参考文献
[1]
[2]

“Zoom”. https://zoom.us/ , (参照 2021-12-21).
“Cisco Webex”. https://www.webex.com/ja/index.html , (参照2021-12-21).
[3] “Microsoft Teams”. https://www.microsoft.com/ja-jp/microsoftteams/group-chat-software , (参照 2021-12-21).
[4] “Google Meet”.
https://workspace.google.com/intl/ja/products/meet/ , (参照 202112-21).
[5] “YouTube”. https://www.youtube.com/ , (参照 2021-12-21).
[6] “ニコニコ動画”. https://www.nicovideo.jp/ , (参照 2021-12-21).
[7] “かんたんコメントとは (カンタンコメントとは) [単語記事]- ニコニコ大百科”.
https://dic.nicovideo.jp/a/%E3%81%8B%E3%82%93%E3%81%9
F%E3%82%93%E3%82%B3%E3%83%A1%E3%83%B3%E3%8
3%88 , (参照 2021-12-21).
[8] 越後宏紀, 五十嵐悠紀. ackStamp: デジタルノートにおける児童同士が評価しあう授業支援を目的としたスタンプ機能の実装. インタラクション 2021 論文集, 2021, p.1-6.
[9] 吉田夏子, 福嶋政期, 会田大也, 苗村健. なるほどボタン: 褒
める効果音ボタンを用いたブレインストーミング支援システ
ムの検討. 研究報告エンタテインメントコンピューティング,
2016, p.1-7.
[10] 阿部花南, 越後宏紀, 小林稔. ボタンによる会議円滑化支援システムの検討, GN ワークショップ 2019, 2019, p.26-32.
[11] 阿部花南, 築舘多藍, 桑宮陽, 小林稔. 会議円滑化支援を目的とした気持ち可視化ボタンの提案. 情報処理学会シンポジウ
ム論文集, マルチメディア，分散，協調とモバイル(DICOMO2021), 2021, p.774-783.
[12] 阿部花南, 築舘多藍, 横山幸大, 越後宏紀, 小林稔. 気持ち可視化ボタンのフィールド実験のためのシステムデザイン. サ
イバースペースと仮想都市研究会, 2021, Vol.26, No.CS-4,p.12-16.
[13] 小松眞子, 澤村三奈, 敷田幹文. 組織間テレビ会議の円滑な進行を支援する意思表示方式の提案と評価. 研究報告グルー
プウェアとネットワークサービス, 2020, p.1-8.
[14] “CommentScreen”. https://commentscreen.com/ , (参照 2021-1221).
[15] 長谷川達人, 森朝春. 双方向授業の実現に向けたリアルタイ
ムコメントスクロールシステム. 情報教育シンポジウム,
2019, p.1-8.
[16] “Google Firebase”. https://firebase.google.com/?hl=ja , (参照2021-12-21).

© 2022 Information Processing Society of Japan578