OBSドック配置シミュレーター
配信画面に合わせてOBSのドック配置を計画。ドラッグで入れ替え、編集用JSONや配置図PNGとして保存できます。
パネルをドラッグして入れ替え。スマホでは配置枠をタップして右側の編集欄で変更できます。プレビュー領域は固定です。
配置枠を編集：左パネル
同じドックを複数枠に指定した場合も、保存されるのは配置イメージです。OBSのドック複製を保証するものではありません。
配置図を書き出す
配置を選択すると内容を編集できます。
実際のOBSで配置する手順
OBSの「ドック」メニューから必要なパネルの表示を切り替え、ドックのロックを解除してからタイトル部分をドラッグして配置します。カスタムブラウザドックはOBSの対応メニューから追加し、サービス提供元のURLを設定します。OBSバージョンによってメニューが違う場合があります。
うまく動かない場合は「ドック」メニューのリセット機能を確認してください。リセット前にはスクリーンショットなどで配置を記録すると安心です。
配置データの編集・PNG作成はブラウザ内だけで行います。OBSへの自動反映や設定ファイルの生成は行いません。
OBSのドック配置を、配信前にシミュレーション
OBS Studioで配信や録画をしていると、「シーン一覧が小さくて切り替えづらい」「音声ミキサーが見えにくい」「チャットを確認しながら配信操作をしたい」といった悩みが出てきます。OBSの操作画面は、必要な情報が見える場所にまとまっていると扱いやすくなります。
OBSドック配置シミュレーターは、シーン・ソース・音声ミキサー・チャットなどの配置案をブラウザ上で設計する無料ツールです。完成したレイアウト案は画像と編集用JSONで保存できます。OBSを操作しながら試行錯誤する前に、どこに何を置くか整理したいときに使えます。
OBSの「ドック」とは？
ドックとは、OBSの操作画面に表示される各種パネルのことです。たとえば「シーン」は配信画面の切り替え、「ソース」はゲーム画面やカメラなどの構成要素、「音声ミキサー」はマイクやゲーム音などの確認・調整に使います。チャットを表示するドックを利用している場合は、配信を見ている人のコメントも同じ操作画面から確認できます。
ドックの位置を整理することと、視聴者に配信される映像のレイアウトを編集することは別の作業です。このツールで設計するのは、主に配信者がOBSを操作するための画面配置です。
使い方：ドックの配置案を作って保存する
1. 配信中によく確認する項目を決める
まず、シーン・ソース・音声ミキサー・チャットのうち、何を頻繁に確認するか考えます。ゲーム実況ではシーン切り替えとマイク音量、雑談配信ではチャットと音声ミキサーなど、配信スタイルによって優先する項目は変わります。
2. ページ上部でレイアウト案を組み立てる
シミュレーターの画面でドックの配置を検討します。配信中によく使う項目を見つけやすい位置に、確認頻度の低い項目を邪魔になりにくい位置に配置するのが基本です。実際に操作するモニターの大きさも意識しながら、見やすい並びを考えてください。
3. 画像とJSONで保存する
配置案がまとまったら、画像として保存して全体の見取り図を残せます。また、編集用JSONを保存すれば、レイアウトの構成情報をデータとして保管できます。画像は参照用、JSONは編集内容の保管用として用途を分けると管理しやすくなります。
配置を考えるときの3つのポイント
配信操作をするパネルは近くにまとめる
シーンとソースを離れた位置に置くと、切り替えや内容確認のたびに視線が大きく移動します。どちらも頻繁に操作する場合は、近くに配置する案を試してください。ただし、ソースの編集よりシーン切り替えが中心なら、シーンを優先して見やすくする方法もあります。
音声ミキサーは常に確認しやすい場所へ
マイクがミュートになっていないか、ゲーム音が大きすぎないかなどを確認するため、音声ミキサーは埋もれにくい位置が便利です。音声の細かな設定値よりも、配信中に必要な状態確認がしやすいかを重視しましょう。
チャットの置き場所は視線の移動で考える
視聴者とのやり取りが多い配信では、チャットを無理なく読める位置に置くことが大切です。一方、チャットを広げすぎるとソース一覧などが見えにくくなるため、ほかの操作項目とのバランスを取ってください。
配置例：ゲーム実況と雑談配信では何を優先する？
ゲーム実況を中心にする場合
シーン切り替え用のパネルを分かりやすい場所に置き、ソースと音声ミキサーを近くで確認できる構成が一案です。ゲーム画面・待機画面・終了画面などを切り替える際に、目的のシーンを迷わず見つけられるか確認します。
雑談・チャット交流を中心にする場合
チャットを読みやすくしつつ、マイクの状態がすぐ分かるように音声ミキサーを見える位置に置く構成を考えます。配信者自身が使うモニターの大きさに合わせ、シーンやソースを必要以上に圧迫していないか確認するとよいでしょう。
これらはレイアウトを検討するための例であり、ツールが必ず自動でこの配置を生成するという意味ではありません。
保存した配置案をOBSに反映するときの注意
このツールはOBS Studioに接続してドック位置を自動変更するものではありません。保存した画像を見ながら、OBS本体で各ドックの表示や配置を調整してください。ドックの表示・移動方法はOBSのバージョンや利用環境によって異なる場合があります。
画像ファイルは完成した配置の見本であり、OBSへ読み込む設定ファイルではありません。編集用JSONもOBS公式のドック設定ファイルやインポート用プロファイルと同一ではありません。OBS側で現在の配置を変更する前に、元の画面構成を記録しておくと戻しやすくなります。
よくある質問（FAQ）
Q. OBSのドック配置とは何ですか？
OBS Studioの操作画面にあるシーン・ソース・音声ミキサー・チャットなどのパネルを、どこに表示するかという配置です。視聴者に見せる配信映像の配置とは異なります。
Q. 作ったレイアウトをOBSに自動反映できますか？
いいえ。このツールは配置案の設計と保存を行います。OBS本体のドック移動や表示設定は、保存した画像を参考にユーザーが操作してください。
Q. 保存する画像と編集用JSONは何が違いますか？
画像は完成した配置を見返したり共有したりするための見本です。JSONは配置案の構成情報を保存するためのデータです。JSONはOBSへそのまま適用するための設定ファイルではありません。
Q. チャットドックがOBSに表示されない場合は？
配信サービスとの連携状況やOBSの設定、利用しているドックの種類を確認してください。外部サービスのチャット表示には別途設定が必要な場合もあります。シミュレーター上に配置してもOBS本体にチャット機能が追加されるわけではありません。
Q. モニターが1台でも利用できますか？
はい。画面の広さに合わせて、必要なドックを優先した配置案を考えられます。シーンと音声ミキサーを見やすくするなど、実際のモニターで操作しやすい構成を検討してください。