rice_caster
配信コメントを取得し、画面演出へ変換するElectronアプリ。
OVERVIEW
配信コメントを独自に取得し、出演者や視聴者が楽しめる画面演出へ変える。
ORIGIN
発端
友人の配信でコメントを画面演出へ利用しようとした際、CSSだけでは件数制限や取得範囲の問題を解消できませんでした。
IDEAL EXPERIENCE
目指した体験
配信サービスのコメントを独自に取得し、表示方法や演出を自由に制御できる状態を目指しました。
CONDITIONS
成立条件
- デスクトップで動作すること
- 配信画面へ組み込みやすいこと
- コメント取得と表示を分離すること
DECISIONS
判断
単純なCSSカスタマイズから、Puppeteerでコメントを取得するElectronアプリへ再設計しました。
IMPLEMENTATION
実装
Electron、Puppeteer、Socket.IOを利用し、コメント取得と表示を接続しました。
LEARNING
得られたこと
表面的な装飾では解決できない制約を見つけた時、データ取得層から設計し直す必要があります。
FACTS