「YouTubeチャットのリアクションだけをでっかく表示するカスタムCSS」につきまして

【本記事のURLにつきまして】YouTubeの機能名称から引用してliveReactionとしていますが、(日本ではファインキット株式会社様が商標を取得している)LiveReactionとは異なります。予めご了承ください。

あるといいなと思ったからさっと作ってみた。

YouTubeチャットのリアクションだけをでっかく表示するカスタムCSS https://t.co/ua6Pieiqrn pic.twitter.com/tSqCxexP4g

— かるあ｜配信素材やツール類を作りし者 (@nekosogi) October 26, 2024

先日、表題の通りのカスタムCSSをTwitterにて投稿しました。

んが、どうにもうまく動いていないという報告があり、どうやらスパチャやマイルストーンチャット等が意図せず表示されてしまっている様子です。

とりま11月6日付でコードを更新したので、以前ダメだった方はもう一度こちらを試してみてください。

(2024年11月14日追記) チャンネル登録者のみのモードで表示が崩れる問題が解消されたはずです。はず。お試しあれ。OBSのバージョンもご確認いただけますと幸いです。

(2026年2月1日追記) 「表示にはOBS内でのYouTubeログインが必要」という情報をいただいています。うまく動かない方はお試しあれ。

See the Pen YouTubeチャットのリアクションだけをでっかく表示するカスタムCSS by Kahlua (@nekosogi) on CodePen.

(2026年2月2日追記) さらに絵文字を好意に置き換えるカスタムCSSを作りました。こっちも使ってみてね。

追記をしました。今度は「YouTubeチャットのリアクションを好意に換えてでっかく表示するカスタムCSS」になります。

「YouTubeチャットのリアクションだけをでっかく表示するカスタムCSS」につきましてhttps://t.co/m8NAnonNRt pic.twitter.com/oP5IWQERZw

— よふけのかるあ｜配信素材やツール類を作りし者 (@nekosogi) February 2, 2026

See the Pen YouTubeチャットのリアクションを好意に換えてでっかく表示するカスタムCSS by Kahlua (@nekosogi) on CodePen.

求：タレコミ

うまく動作した・しなかった両方のご報告をお待ちしています。 なにぶん僕の環境で表れていない不具合なので、解決するのにちょっと手間暇かかりそうです。とりま情報がほしい。匿名でも送れるマシュマロ的なサービスをご用意しております。

Wavebox

あるいはTwitterでリプやDMを送っていただいても大丈夫です。

@nekosogi

よしなに。