use case -- にぎやかで対話のある授業

授業で

Commentableはもともと授業やワークショップ等と併用することを念頭に開発されました．授業の進捗に合わせて「OK👌」リアクションをしたり，先生の進め方が早いと思ったときは「ちょっとまって🤔」リアクションで，インタラクティブに先生とコミュニケーションを図りましょう．

use case -- あなたの気持ちを伝えよう

発表会で

発表中は「静かに🤫」，素晴らしい発表にはたくさんの「拍手👏」を贈りましょう．発表終了後は「記念撮影📸」も忘れずに．フラッシュによる画面の点滅にはご注意ください．上の画像はある国際会議の表彰式で利用したときの様子です．

use case -- 恥ずかしいな，そんなとき

イベントで

質問したいことがあるけれど，マイクを使って声を出すのは恥ずかしい．一言目でたんが絡んだらどうしよう．そんなときは音声読み上げボタンをオンにしてコメントを送信しよう．あなたの代わりに自動音声読み上げがしてくれるよ．

新機能

文字起こし（字幕）macOS 26 以降

メニューの「文字起こし（字幕）」を ON にすると，話した内容を配信画面に字幕で表示します．音声はその Mac の中で認識し，外部には送りません．字幕の表示方法は，話したそばから表示する「逐次表示」と，1 行ずつ送って表示した行を書き換えない「読みやすさ優先」から選べます．確定した文は授業ログに記録され，ダッシュボードの AI アシスタントが話の流れをつかむのにも使われます．

コメントにスターv2.1

よいコメントには ⭐ を付けましょう．macOS 版では，Option キーを押しながら流れてくるコメントをクリックすると ⭐ が付きます（もう一度クリックすると外れます）．ダッシュボードの「コメントにスター」カードからも付けられます．書いた人の投稿ページに知らせが届き，スターは授業ログと授業参画度にも反映されます．

表示名のバッジmacOS v2.1.1

参加者が投稿ページで「表示名」を入れると，コメントの左上に表示名の札が付きます．ID（学修番号など）は画面には出ません．メニューの「コメントに表示名を付ける」で出すかどうかを切り替えられます（部屋ごとに覚えます）．

共有用ウィンドウv2.0

Zoom などで PowerPoint などのアプリのウィンドウだけを共有すると，画面全体に重ねたコメントは映りません．そんなときはメニューの「共有用ウィンドウ（アプリの共有）」から対象のウィンドウを選んでください．選んだウィンドウの真後ろに，コメントを重ねた「Commentable 共有用」ウィンドウが開くので，Zoom ではこちらを共有します．配信者は選んだウィンドウをそのまま操作できます．macOS では初回に「画面収録」の許可が必要です．

アンケート

メニューの「アンケート...」から質問と選択肢（単一選択・複数選択）を作って開始すると，参加者の画面に回答画面が表示されます．回答は1人1回で，集計結果はリアルタイムで確認できます．途中から参加した人にも表示されます．

授業ログ

コメント，リアクション，スター，入退室，ID や表示名の変更，アンケートの回答，字幕などを，授業回ごとに記録します．ダッシュボードの「授業開始」「授業終了」で授業回を区切れます（区切らない場合は，3時間操作がないと次の授業回になります）．授業開始を押し忘れたときも，あとからダッシュボードで授業として記録し直せます．サーバーの授業ログは21日で自動的に削除されますが，配信中に受け取ったログはデスクトップアプリが自動で「書類/Commentable/logs」に保存します．メニューの「授業ログのフォルダを開く」から確認できます．

授業参画度

メニューの「授業参画度」から，授業ログをもとに学生ごとの参画度を算出できます．滞在時間・発言・発言の質・アンケートの回答率・継続性・スターの6つの観点を，重みを調整しながら集計し，CSV で書き出せます．ログファイルはブラウザの中だけで処理され，サーバーには送信されません．

配信者の鍵（なりすまし防止）

部屋ごとに配信者の鍵を作り，最初に入室したアプリだけがその部屋の配信画面になれるようにしました．同じ部屋名で別の人が配信画面として入室することはできません．30日間使われなかった部屋名は，また誰でも使えるようになります．自分の別の Mac / PC から同じ部屋で配信したいときは，メニューの「配信者の鍵」→「保存場所を変更...」で，Dropbox や iCloud Drive などの同じフォルダを選んでください．

カメラと人物切り抜き

メニューの「カメラ」から，配信者のカメラ映像を画面の隅や中央に重ねて表示できます．macOS では人物切り抜きを使って，背景を消して自分だけを表示することもできます．映像にマウスを重ねると一時的に消えます．

その他

ダッシュボードと AI アシスタント

メニューの「ダッシュボード」から，配信者専用の管理画面をブラウザで開けます（Chrome を推奨します）．ダッシュボードの URL には部屋の鍵から作ったトークンが含まれているので，他の人には共有しないでください．ダッシュボードでは，画面中央へのメッセージ表示（「15:00から再開します」など），コメントログの閲覧と書き出し（学生ごとの集計 CSV を含む），コメントへのスター，アンケート結果，参加者数の推移を確認できます．コメントの送り主は「表示名 (ID)」の形で表示されます．効果音パネルからは，チャイムやドラムロールなどの効果音を鳴らせます．決まった時刻に自動でチャイムを鳴らしたり，文字起こし（macOS 26 以降）と組み合わせて「正解」「すごい」などの言葉に合わせて自動で効果音を鳴らしたりすることもできます．

AI アシスタント

ダッシュボードには AI アシスタント「米太郎」（名前は変更できます）が入っています．参加者からの質問に答えたり，定期的に雑談やリアクションをしたりします．文字起こしを ON にしていれば，配信者のこれまでの話もふまえて答えるので，「米太郎，さっき先生が話していたデザイナーの名前って誰だっけ？」といった問いかけにも答えられます．AI の接続先は，「AI設定」で LM Studio（ローカル）と Claude（Anthropic API）から選べます．

ダッシュボード．AI設定，文字起こし，コメントにスター，メッセージ表示，コメントログなどのカードが並びます．コメントの送り主は「表示名 (ID)」で表示されます．

もっとCommentable

Commentable は MIT License で配布されているので，あなたが好きなように改造して，それを別のサービスとして運用しても構いません．その際は Commentable へのクレジット（本家サイトへのリンクや「このプロジェクトは Commentable から派生したものです」などの簡単なもので問題ありません）を明示してくださいね．もしあなたが Commentable を利用して面白いサービスを開発したら是非開発者に教えてください．あなたが開発してくれたより優れたオンライン体験をみんなで共有していきたいのです．

Commentable by chihiros さん

Image by Chihiro Suzurikawa

横に流れるコメントや，下方から登るリアクションで共有スライドの邪魔をしない方式に変更されています．リアクションボタンも少しオリジナルとは異なるものが用意されています．本家とは別のサーバにデプロイされているだけでなく，コードリファクタリングが行われているので，ひょっとして本家よりも安定して動くかも？作者による以下の開発記事もおすすめです．

音って必要なの？

コメント共有をするだけであれば，CommentScreen[1]やパパパコメント[2]を利用するのも良いでしょう．授業中に音を鳴らすなんて，最初は気がひけるかもしれません．実は開発者自身がそう思っていました．東京都立大学で開講しているプロトタイピング基礎という授業の中で，コメント共有アプリケーションのプロトタイピングを行った際，音を鳴らせるようにしたらどうだろうと考えて，試しに実装したのが開発のきっかけです．すると不思議と学生達との対話が増え，いまではCommentableなしでオンライン授業をやるのは難しいと思うほどです．右の図はある授業（50人規模）で，学生がオンライン上で発表会をしたときの投稿数の時間推移です．sound（音あり）とno sound（音無し）では，sound投稿が常に一定の増加を示しています．授業中に学生が継続的にリアクションしている様子が伺えます．授業形式によっては音あり投稿のほうが少ない場合もありますので，授業形態に合わせて利用するとよいでしょう．

---

Reference

FAQ

配信者

---

Q. 不適切な単語や用語が画面に表示されてしまいませんか？A. コメントや名前に明らかに不適切な用語が含まれている場合は，送信する前に参加者に知らせ，修正するまで送信できないようにしています．ただしすべての表現を防げるわけではありません．コメントは ID・表示名とともに授業ログに記録されますので，利用の前に参加者へ利用のルールを伝えてください．Q. 途中から参加した学生がそれ以前のコメントを見ることはできますか？A. はい，できます．特別な操作は不要です．Q. 音がうるさくて授業になりませんA. メニューにある「サウンドコメントのミュート」をお試しください．全てのサウンドコメントの音が鳴らなくなります．Q. 学生の ID（学修番号など）がほかの学生に見えてしまいませんか？A. いいえ．ID は授業ログとダッシュボードにだけ届き，配信画面やほかの参加者には表示名だけが表示されます．表示名に学修番号のようなものが入っていると，投稿ページで本人に注意を出します．Q. 字幕（文字起こし）を使うには？A. macOS 26 以降の macOS 版で，メニューの「文字起こし（字幕）」を ON にします．Windows 版ではまだ使えません．Q. 「部屋に入室できません」と表示されましたA. その部屋名は別の配信者のアプリが使用しています．別の部屋名で入室してください．自分の別の Mac / PC で使っていた部屋の場合は，メニューの「配信者の鍵」で，そちらと同じ保存場所（Dropbox など）を選んでから入り直してください．Q. 授業ログはどこに保存されますか？A. サーバーには21日間保存され，その後自動で削除されます．配信中に受け取ったログは，デスクトップアプリが「書類/Commentable/logs」に保存しています．ダッシュボードの「コメントログ」からも書き出せます．

視聴者

---

Q. 誤って記入途中のコメントを送ってしまいました．削除できますか？A. 投稿されたコメントは即時に配信者画面に表示され，相手に送信されたログは削除することができません．Q. コメントを表示させる位置は変更できますか？A. コメントコマンド機能を使うことで任意の位置にテキストを表示できます（詳細は投稿ページ内の使い方を参照してください）．また，送信ボタン横にあるオプションからコメントの色や文字の大きさ，表示方式（右から左へ流すなど）を変更できますのでお試しください．Q. ID と表示名は入力しないといけませんか？A. どちらも空欄のままでも投稿できますが，先生は ID を使って出席やアンケートの回答を確認します．授業で使うときは，先生に指定された ID（学修番号など）を入れておきましょう．表示名は任意です．Q. 表示名には何を入れればよいですか？A. 表示名はコメントと一緒にみんなの画面に出ます．ニックネームなど，みんなに見られてもよい名前にしましょう．学修番号は ID の欄に入れてください．Q. アンケートの回答をやり直せますか？A. 回答は1人1回です．送信した回答は変更できません．