Upgrade to Pro — share decks privately, control downloads, hide ads and more …

新サービスComntlyをみんなで体験してみよう / コミュニティ放送部#5

Cd931bc05e7cee46b9a950a63e47ba4c?s=47 you（@youtoy）
February 20, 2021
Technology
0
250

新サービスComntlyをみんなで体験してみよう / コミュニティ放送部#5

Cd931bc05e7cee46b9a950a63e47ba4c?s=128

you（@youtoy）

February 20, 2021
Tweet

More Decks by you（@youtoy）

See All by you（@youtoy）
公式版Scratchやtoio DoでIoT（ブラウザ上でのJavaScript実行で） / ビジュアルプログラミングIoTLT vol.11
Cd931bc05e7cee46b9a950a63e47ba4c?s=48 you
0
230
enebularクラウド実行環境でIoT / enebular developer meetup 20220602
Cd931bc05e7cee46b9a950a63e47ba4c?s=48 you
0
90
LINEアプリでIoTやってみた / エンジニアの自由研究発表会vol.6
Cd931bc05e7cee46b9a950a63e47ba4c?s=48 you
0
78
ビジュアルプログラミングのみで作る LINE ＋ IoT の仕組み / LINE DC Monthly LT #1
Cd931bc05e7cee46b9a950a63e47ba4c?s=48 you
0
170
enebularの新機能「クラウド実行環境」を自分も使ってみた（LINE との組み合わせ）/ IoTLT vol.86
Cd931bc05e7cee46b9a950a63e47ba4c?s=48 you
0
220
Tech-onセッション / SORACOM UG × Tech-onコラボ #1
Cd931bc05e7cee46b9a950a63e47ba4c?s=48 you
0
220
Socket.IO 4.x や JavaScriptフレームワーク＋リアルタイム通信の話（Fastify・µWebSockets.jsなど） / IoTLT vol.85
Cd931bc05e7cee46b9a950a63e47ba4c?s=48 you
0
270
ロボットトイ「toio」を使ってみよう！ / 第208回 CoderDojo Kodaira
Cd931bc05e7cee46b9a950a63e47ba4c?s=48 you
0
28
ビジュアルプログラミングに関する複数の話題を紹介 / ビジュアルプログラミングIoTLT vol.10
Cd931bc05e7cee46b9a950a63e47ba4c?s=48 you
0
210

Other Decks in Technology

See All in Technology
誰が正解を知っているのか / Who knows the right answer
95aaab3d693889550fd2e7ae02f2f789?s=48 takaking22
1
230
多様な成熟度のデータ活用を総合支援するKADOKAWA Connectedのデータ組織について
058dd218ad1491cf904b1105b94fe5a8?s=48 kadokawaconnected
PRO
0
200
アーキテクチャを明文化して開発に臨んだ話
903c7dbf16067d22e7b03ead7d8acdc5?s=48 akihiyo76
0
270
220628 「Google AppSheet」タスク管理アプリをライブ作成 吉積情報伊藤さん
50bc42471d197d0dbef7171f2ef85bb6?s=48 comucal
PRO
0
180
ROS再入門​-はじめてのSLAM-
4b2f3a64637b51e81813accbe8a98083?s=48 miura55
0
400
セキュリティ 開運研修2022 / security 2022
A97eee01397705443a72a48ce29d3e19?s=48 cybozuinsideout
PRO
3
3.7k
【toranoana.deno#7】Denoからwasmを呼び出す基礎
6ab47a68ee78e84c34731ce12333deff?s=48 toranoana
0
120
要約 "Add Live Text interaction to your app"
9e64d2069945742c818421e884603b44?s=48 ushisantoasobu
0
140
Camp Digital 2022: tailored advice
8fadc4cc83e533c19a6d13db9d46cb3e?s=48 kyliehavelock
0
140
アジャイル推進活動におけるBeAgileへの変化の兆し/Signs_of_Change_to_"Be_Agile"_in_Agile_Promotion_Activities
88892f20b802d5a732b7c16ce40528f0?s=48 m_iyama
0
170
マネージャーからみたスクラムと自己管理化
D14332b39b012820d44d362a3e2a8d98?s=48 shibe23
0
1k
FoodTechにおける商流・金流・物流の進化/Evolution of Commercial, Financial, and Logistics in FoodTech
Ff655584d57df8448153fa618cc86db3?s=48 dskst
0
400

Featured

See All Featured
Art, The Web, and Tiny UX
D67fff74178013024d833b3eec6cf27f?s=48 lynnandtonic
280
17k
Git: the NoSQL Database
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
PRO
415
59k
Fontdeck: Realign not Redesign
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
73
4.1k
Helping Users Find Their Own Way: Creating Modern Search Experiences
3d4519fd34b76fb265fc0237f3792bd4?s=48 danielanewman
7
1.1k
Fantastic passwords and where to find them - at NoRuKo
8ec1383b240b5ba15ffb9743fceb3c0e?s=48 philnash
27
1.5k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
498
130k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
B3d6434763caa0ef5dc4b792662c49f7?s=48 smashingmag
237
19k
The Web Native Designer (August 2011)
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
74
1.9k
Facilitating Awesome Meetings
245cee81a9c424266e5e401d844ea881?s=48 lara
29
4k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
95d9f37115fbb0d13135d0f77132f856?s=48 morganepeng
104
16k
The Power of CSS Pseudo Elements
5b6a2bd86ef643786a381a212e0ef2f1?s=48 geoffreycrofte
46
3.9k
Navigating Team Friction
245cee81a9c424266e5e401d844ea881?s=48 lara
175
11k

Transcript

  1. 2021年2月20日 (土) コミュニティ放送部#5 @オンライン 　　豊田 陽介 ( @youtoy ) 新サービスComntlyを

    みんなで体験してみよう

  2. 豊田陽介（@youtoy） 自己紹介 普段は、某通信会社の研究所勤務 話題のものをたくさん 購入している気がする IT系イベント主催・登壇・運営、多数参加 子ども向けの活動いろいろ（IT系以外も） プライベートでの活動 ガジェット好き その他

    主催テーマ： ビジュアルプログラミング、IoT、 ロボットトイ、メカトロなど

  3. 今日の話： 「Comntly」について

  4. オンラインイベントなどで、参加者コメントを表示したりできるサービス ⇒ 現状ではベータ版（2021年2月20日現在） Comntly とは？ サービス提供元：

  5. 今日は 「Comntly」を 紹介しつつお試しも

  6. オンラインイベントで使える コメントサービスは他にも よく見かけるものでは 「CommentScreen」など

  7. 引用元： https://www.youtube.com/watch?v=ZgA0f7AV56w https://commentscreen.com/ CommentScreen の場合 画面上でコメントが流れる （＋クライアント側 　　　でのチャット表示）

  8. Comntly の場合 引用元： Forkwell x 天神放送局「ライブ配信の失敗談・ウラ話を語る！」 https://www.youtube.com/watch?v=hnG1UZQ41A0 タイムライン的な表示

  9. 1/21（木）開催の イベントで Comntly を知った

  10. Comntly の機能の例 コメントへの リアクション 特定のコメントの ピックアップ 引用元： Forkwell x 天神放送局「ライブ配信の失敗談・ウラ話を語る！」

    https://www.youtube.com/watch?v=hnG1UZQ41A0

  11. コメントの入力元

  12. Comntlyの画面から＋Twitter自動取得 ハッシュタグ指定で自動取得 イベント開始直前に Comntly が動作して いて自動取得された ツイート

  13. ここで、いったんお試し （コメント入力、管理画面での 　ピックアップ、リアクション）

  14. 配信にコメントをのせる 〜 とりあえず3パターン 〜

  15. Comntlyで生成される配信画面を使う 設定画面で配信先URLを入力すると生成される画面（YouTube に対応） ⇒ PC用の画面だけでなくスマホ用画面も PC表示 スマホ 表示

  16. Comntlyのデスクトップアプリを使う デスクトップ上にコメントを表示するデスクトップ用アプリ ⇒ 現状では Mac向けのみ（2021年1月25日現在） デスクトップ上に ウィンドウが重畳 表示される スライドを同時に 表示し全画面共有

  17. Comntlyのデスクトップアプリを使う 画面の合成をするようなアプリを使わない場合の表示例 ⇒ フルスクリーンにしなくて良いプレゼンモード等を使う？ パワポのウィンドウ表示 でのスライドショーと 組み合わせ

  18. Comntlyのデスクトップアプリを使う 画面の合成をするようなアプリを使わない場合の表示例 ⇒ フルスクリーンにしなくて良いプレゼンモード等を使う？ Googleスライドの プレゼンター表示

  19. OBSなどによる合成 引用元： Forkwell x 天神放送局「ライブ配信の失敗談・ウラ話を語る！」 　　　　 https://www.youtube.com/watch?v=hnG1UZQ41A0 配信掲載用のコメント 表示画面を合成 リンクの1つ

  20. 【利用開始までの話】 ベータテスターを募集中 との記載があり申請

  21. ベータテスター申請： https://comntly.com/beta 公式Twitterアカウント に記載のURLから

  22. Comntly の設定画面

  23. Comntly の管理画面の上部（表示まわり） CommentScreen より 機能が多そうだが、 その分、メニューの 項目が多い 必要な部分に絞れば、 全ては使わなくて OK

  24. Comntly の管理画面（先ほどの続き） 添付画像の展開の有無 やリンクの表示/非表示、 コメントの配信設定など URL指定でのツイート追加 NGワード/ユーザ設定 配信画面にのせる 動画URLの指定

  25. 配信者・登壇者側での コメント操作について

  26. コメントのピックアップ 特定のコメントを選択して最上部に表示（複数指定可能） 操作を行うボタン

  27. ピックアップによる見え方の変化 特定のツイートを選択 トップに表示

  28. 複数のピックアップ 1つだけ指定 複数指定

  29. 表示設定を変えてみる

  30. リンクや画像のON/OFF リンクの ON/OFF 画像の ON/OFF 設定を変えると リアルタイムで 反映される

  31. まだまだ紹介しきれて ない部分がありますが

  32. 終わり！