歌う絵描きVTuberの千歳愛さんが10月4日、Discordのボイスチャットの参加者を配信画面に表示する「Discord StreamKit Overlay」向けに、カスタムCSSを作るツール「Disca(ディスカ)」をXで紹介した。ブラウザで使え、料金はかからない。
Discord オーバーレイのカスタマイズしたい人…!!!!
— 千歳 愛 / Mana Chitose (@ManaChitose) 2026年10月4日
なんとこちら、無料で使えます。
引用:千歳 愛 / Mana Chitose(@ManaChitose)のポスト
01並べ方や話している時の動きを、プレビューを見ながら選ぶ
StreamKit Overlayの見た目を変えるには、OBSのブラウザソースにカスタムCSSを書き込む。Discaでは、プレビューを見ながら項目を選ぶと、そのCSSができあがる。
調整できるのは、参加者のアイコンを置く位置、並べる方向(横並び・縦並び)、間隔、大きさ、角丸、名前の表示など。話していない参加者を暗く表示したり、話している参加者のアイコンを上下に動かしたり左右に傾けたりもできる。きれいに並べるほかに自由に配置することもでき、横(1920×1080)と縦(1080×1920)の両方の画面に対応する。
できたCSSは、コピーするかファイルでダウンロードし、カスタムCSS欄の中身と置き換える。設定はブラウザに保存して次に使えるほか、書き出したCSSを貼り付けて設定を読み込み直すこともできる。
千歳愛さんは、ツールに入れた画像はサーバー側に保存されないと説明している。
こちら、Discord Streamkit Overlay のカスタムCSSを作るだけのツールです…!!
— 千歳 愛 / Mana Chitose (@ManaChitose) 2026年10月4日
(挿入した画像とかはサーバー側に保存されたりしないのでご安心ください🌱)
🔵カスタマイズした値を保存しておいて再利用、とか、CSSから復元、とかも一応できる
引用:千歳 愛 / Mana Chitose(@ManaChitose)のポスト
02時計の表示を整える「Clocca」も無料
千歳愛さんの公式サイトでは、Discaを含む9件の配信者・リスナー向けツールを紹介している(1件は開発中)。配信画面の時計の表示やデザインを調整する「Clocca」は、Discaと同じく無料のブラウザツールだ。わんコメと連携して高評価数や同時接続数を配信画面に出す「Popta」など、Windows向けの有料ツールはBOOTHで販売している。
編集部のひとこと
プレビューの参加者をクリックすれば、その場で設定を変えられる。CSSを1行も書かずに、話している人のアイコンだけを上下に動かせるのはうれしい。
VTuber界隈のあれこれを届けるV/WIRE編集部です。 編集方針