コメント欄だっておしゃれがしたい!

2020-09-28に開催された褒めLTの発表スライドです

Transcript

2. 自己紹介 Godan Twitter: @godan09 株式会社ガイアックス ソーシャルマーケティング事業部 映像制作/Webエンジニア/配信エンジニア/オタク 同人サークル Studio Mocha主宰 8bit. VR Studio 運営/雑用 好きなV MZM/KMNZ/なとりさな/フィンダーおじさん 最近誕生日に高めの醤油をもらったので週イチでスシを握っている
3. …なんか配信形式違くない？
4. 私 が 配 信 し て る か ら さ ！
5. 映像が乱れている 音が小さい などありましたらお気軽に コメントしてください
6. ここらへんも作ってます
7. 今日はこの「コメント欄」の話
8. コメント欄とは YouTubeLiveなどの動画配信での数少ないコミュニケーション YouTuberの生放送では時折コメント職人が誕生する 生放送だと配信画面で一緒に写す事が多い
9. コメント欄とは YouTubeLiveなどの動画配信での数少ないコミュニケーション YouTuberの生放送では時折コメント職人が誕生する 生放送だと配信画面で一緒に写す事が多い →エンジニアイベントは以前からTwitterのハッシュタグで盛り上がる →YouTubeのコメント欄が過疎る！
10. コメント欄とは おしゃれなコメント欄がおおい！ ←木緒なち・葉山みどチャンネル kionachi Mido Ch. 「【カウントダウン】このスケベどもめ！」より
11. 配信にハッシュタグTweetを取り込む イベントはいつもOBSで配信 なにからでハッシュタグのリストが写せれば勝ち
12. 公式Twitter 自動更新されない プロモーションが映り込む スタイルが変更できない
13. TweetDeck 目的以外のタイムラインが映り込む センシティブが映る可能性 スタイルが変更できない
14. いい方法がない…
15. …作るか
16. 2020/08/24
20. その時の構成
21. 問題点 使っているものが多すぎる Vuetifyを使っていたため細かいカスタマイズがつらい ウィンドウサイズが可変でOBSの設定が大変
22. 作り直そう(本番3日前) ウィンドウが固定できる TwitterAPI周りのライブラリがある アニメーションを組みたい（将来的） Mac Windows 両対応したい
23. 何で作るか
24. 何で作るか こっちを採用
25. Unityを採用した理由 見た目の実装が直感的にできる アニメーション実装が簡単そう すでに環境構築が済んでいた
26. Unityを採用した理由 見た目の実装が直感的にできる アニメーション実装が簡単そう すでに環境構築が済んでいた → 作り始めるときにElectronの存在を忘れていた
27. 構成もシンプルに
28. 今後の実装 ストリーミングAPIの対応 アニメーションの対応 設定画面の追加（単語のハードコーディングをやめる） → 上記が実装でき次第公開します →将来的にはYouTubeコメントも対応したい
29. ご視聴ありがとうございました 引き続きこの子をよろしくおねがいします→