🐼配信画面のつくりかた わんコメ × OBS の実用ガイド / panda studio

「zipを展開してそのままOBSへ」タイプの素材が表示されない時に、順番に確認すること

わんコメの「テンプレート」機能を使わず、zipを展開した view.html を直接OBSのブラウザソースに入れるタイプの素材(コメント欄テーマ・クイズ・投票など)が対象です。テンプレートフォルダの話とは別の詰まりどころなので、こちらにまとめました。

最終更新 2026-07-27

このページの内容

1. OBSの「ローカルファイル」チェックボックスで真っ白になる2. view.html と panel.html を同じフォルダから開いているか3. panel.htmlで変更したのに、OBS側に反映されない4. ブラウザソースのサイズが小さすぎないか5. キャッシュが残っているそれでも直らないとき関連ページ

1. OBSの「ローカルファイル」チェックボックスで真っ白になる

もっとも多い症状です。OBSの「ローカルファイル」にチェックを入れて view.html を選ぶと、環境によっては view.html が読み込む付属ファイル(アニメーション用ライブラリ等)を正しく読み込めず、真っ白のまま表示されないことがあります。これは素材側の不具合ではなく、OBSの「ローカルファイル」チェックボックス側でときどき見られる現象です。

URL欄に直接パスを入力する方法は、OBSの通常のページ読み込みと同じ経路になるため、安定して動作します。今後もずっとこの方法でご利用ください。

2. view.html と panel.html を同じフォルダから開いているか

このタイプの素材は、view.html(OBSに映す側)と panel.html(操作する側)が localStorageという仕組みで裏でやり取りしています。フォルダを分けたり、片方だけを別の場所にコピーすると同期しません。

3. panel.htmlで変更したのに、OBS側に反映されない

4. ブラウザソースのサイズが小さすぎないか

幅や高さが極端に小さいと、中身が枠の外に出て何も見えません。商品ページに記載の推奨サイズに合わせてください。

5. キャッシュが残っている

ファイルを書き換えたのに反映されない場合はこれです。

ブラウザソースのプロパティにある「表示されていないときはソースをシャットダウン」はオフを推奨します。オンだと、記録を保存するタイプの素材(カウンター・スタンプカードなど)で記録が消えることがあります。

それでも直らないとき

view.html を直接ブラウザ(Chrome・Safari等)で開いてみてください。多くの素材は、URLの末尾に ?demo を足すとサンプルの動きを確認できます。

この切り分けができると、原因が半分に絞れます。それでも解決しない場合は、BOOTHのメッセージからご連絡ください。無償で対応します。

関連ページ

ほかの記事

わんコメのテンプレートを、自分好みに改造するわんコメのテンプレートを自分好みに改造する方法を、CSSとJSの触るべき場所に絞って説明します。色・文字サイズ・OBSのブラウザソースが表示されない時に、順番に確認することOBSのブラウザソースが真っ白・表示されないときの原因を、起こりやすい順に7つ挙げて直し方をまとめました。わんコわんコメのテンプレートを入れて、OBSに出すまでわんコメのテンプレートをOBSに表示するまでの手順を、画面の場所から順に説明します。フォルダの入れ方・URLの作常連さんが増えない時に、視聴者集めより先にやること配信の常連さんを増やすために、視聴者を呼ぶより先にやったほうがいいことを整理しました。配信画面で「認識していると配信画面のレイアウトを決める順番配信画面のレイアウトを決める手順を、置く順番と余白の取り方から説明します。何を置くか迷ったときの優先順位と、見づ