メモ帳

ツイキャス 、 YouTube と Twitch のライブ配信のコメント欄は、 オーバーレイ としてOBSなどの配信ツール上で表示できるほか、専用のカスタムCSSを使ってコメント欄のデザインをカスタマイズする事もできます。 検索で見つけたサイトからコピーしたカスタムCSSや、自分で編集したカスタムCSSを試したい場合、実際にOBSのブラウザソースにオーバーレイとCSSを読み込ませて表示するのが普通かもしれませんが、カスタムCSSの設定をブラウザソース上で更新するのが少し面倒なのと、CSSにエラーがあってもOBSのプラウザソースでそのエラーを確認するには少し面倒な設定が必要になります。 なので、各サイトのコメント欄オーバーレイ用のカスタムCSSを、一般的なブラウザ上で表示できる カスタムCSSテスター を拡張機能として作ってみました。 現在、Chromeウェブストアで ツイキャス 、 YouTube と Twitch 用の三種のカスタムCSSテスターを拡張機能として公開しています: キャスコメカスタムCSSテスター 👉 サポートページ チューブコメカスタムCSSテスター 👉 サポートページ TwitchコメカスタムCSSテスター 👉 サポートページ これらのカスタムCSSテスターを使うと、手持ちのカスタムCSSを実際のコメント欄のオーバーレイのURLと一緒に読み込んで、どの様に表示されるかをブラウザで確認出来るほか、ブラウザの開発者ツールを使ってCSSのエラーを確認する事も出来ます。 このメモでは、各カスタムCSSテスターの使い方よりも、オーバーレイをブラウザで読み込んだ際にカスタムCSSのエラーをブラウザの開発者ツールでどのように確認出来るかを説明しているので、上記のカスタムCSSテスターの使い方については各拡張機能のサポートペー...