OBSのドックでお題を置いていくと、配信画面のたてとよこの分類表にすぐ出るソフトです！ ====================================================== 配信しながら置いていける！分類表メーカー for OBS（外部ツール不要・わんコメと合わせても使えます） ====================================================== 配信画面に、縦と横の2つの軸で分ける分類表（分布図）を出すツールです。 OBSのドック（手元の操作の画面）で、お題を1つずつ地図の上に置いていくと、配信画面の分類表にすぐ出ます。 「かわいい⇔かっこいい」「好き⇔苦手」など、軸の言葉を決めて、キャラ・食べ物・スタンプ・リスナーさんの答えを分けて見せられます。 ＼無料でダウンロードできます／ バリエーションの「無料版」を選ぶと、無料でダウンロードできます。 「支援版」（300円）は、中身は無料版とまったく同じです。 「応援したい」と思っていただけた方は、支援版を選んでいただけるとうれしいです。 今後のアップデートや新しいソフトづくりに使わせていただきます。 【機能】 ・ドックの左に、配信画面と同じ分類表が出ます。その下が「項目置き場」（配信画面には出ません） ・項目＝文字だけ、または画像＋名前 ・画像のファイルをドックに落とすと、その画像の項目が入ります（何枚でも。地図の上に落とすと、その場所に置かれます） ・いまのお題＝置き場の項目を押すと、配信画面に大きく出ます ・ドックの分類表の上を押すと、いまのお題がその場所へ飛んで入り、次のお題が出ます ・置いた項目はつかんで動かせます。分類表の外（配信画面の中）にも置けます。置き場の上で離すと、置き場に戻ります（つかんでいる間も、配信画面に映ります） ・画像の大きさ＝1つずつ変えられます。ドックの「画像の大きさ」で全部まとめても変えられます（まんなかの位置はそのまま） ・軸の言葉（上・下・左・右）＝1つずつ、横書き／縦書きを選べます ・区画の名前（右上・左上・左下・右下）を出せます。大きさ・位置（角／まんなか）・色を変えられます ・題名と小さい字 ・隠す＝置いた項目を、配信画面からだけ消せます（ドックでは薄く見えます） ・分類表を何枚も持てます（お題ごと・回ごと）。押すと切り替わります ・デザイン（色の太枠／ポジショニングマップ／ポップ／やわらか）。色は配色を押すと、紙・字・差し色・区画の色がまとめて替わります。1色ずつも変えられます（色はデザインごとに覚えます） ・分類表の大きさ・位置（ロックで、表といまのお題の札をつかんでも動かないようにできます。ロック中に選ぶと、印が黄色になります）、いまのお題の札の大きさ、項目の大きさ、項目の名前を出す／出さない、書体 ・お題を置くときは、札から飛んで入ります（切ることもできます） ・戻す／やり直す ・画像で取り出す（1920×1080 の PNG をコピーして、ペイントや X に貼り付け。背景を透明にもできます） ・すべて自動保存。OBSを再起動しても続きから ・設定のバックアップ（テキストで書き出し・読み込み。画像も入ります） ・わんコメと合わせると、コメントした人（アイコン＋名前）や「お題 ○○」のコメントを一覧に出して、押して置き場に入れられます 【必要なもの】 ・OBS Studio ・外部ツールは不要です（コメントした人・コメントを項目にするときだけ、わんコメを使います） 【同梱物】 ・index.html　　… 配信画面に出すほう（OBSに入れるのはこれと、下の dock.html の2つ） ・files フォルダ … dock.html（手元の操作の画面＝OBSのドックに入れるほう）と、動かすためのファイル（さわらないでください） ・template.json … わんコメのテンプレートとして入れるときに使うファイル ・README.txt　　… この説明 ・利用規約.txt 【インストール方法】　※2か所に入れます はじめに、ZIPを解凍して、フォルダごと好きな場所に置いてください （例：C:\haishin\bunruihyo）。置いたあとで場所を変えると分類表が引き継がれないので、 先に置き場所を決めておくのがおすすめです。 ■ 1. 配信画面に出すほう 　① OBSの ソース → ＋ → ブラウザ 　② ★「ローカルファイル」のチェックは外したままにします★ 　③ URL欄に、index.html の場所を file:/// の形で貼ります 　　　例）file:///C:/haishin/bunruihyo/index.html 　④ 幅 1920 ／ 高さ 1080 ／ カスタムCSSは空のまま → OK 　※「ローカルファイル」にチェックを入れると保存場所が分かれてしまい、 　　 ドックで作った分類表が配信画面に出ません。必ずURL欄に貼ってください。 ■ 2. 手元の操作の画面（ドック） 　① OBSのメニュー → ドック → カスタムブラウザドック（古い版では 表示 → ドック の中） 　② ドック名：分類表 　③ URL欄に、files フォルダの中の dock.html の場所を file:/// の形で貼ります 　　 （配信画面の設定パネルを開くと、いちばん上の「ドックの入れ方」の「URLをコピー」で、このURLをコピーできます） 　　　例）file:///C:/haishin/bunruihyo/files/dock.html 　④ 出てきたドックを、OBSの好きな場所に置きます。横に広いほうが使いやすくなります 　　 （ドックの左に分類表と道具と置き場、右に設定が出ます） 　⑤ ドックの下に「配信画面とつながっています」と出れば、2つがつながっています 【操作について（大事なこと）】 ・操作は、基本はドックで行います。配信画面のほうは、OBSの「対話」ウィンドウでも操作できます。 ・対話ウィンドウの出し方：OBSでソースを右クリック →「対話（操作）」 　対話ウィンドウの中で、右クリックをすばやく2回 → 設定パネルが開きます（Esc で閉じます） ・ドックでは、日本語をそのまま打てます。 　対話ウィンドウの中では日本語を打てません。メモ帳などで書いてからコピーして、貼り付け（Ctrl+V）てください。 ・ソースの高さが大きいほうが、設定パネルが広く使えて設定しやすくなります（1080 がおすすめ）。 ・Chrome など別のブラウザで開いて作っても、OBSには反映されません。OBSの中で作ってください。 【使い方】 1. 「分類表」タブ →「軸の言葉」で、上・下・左・右の言葉を入れます（空にした言葉は出ません） 2. 項目を入れます 　・「文字を足す」＝1つ足して、右側の欄で名前を入れます 　・「画像を足す」＝画像のファイルを選びます（何枚でも）。画像のファイルをドックに落としても入ります 3. 置き場の項目を押すと、いまのお題になって配信画面に大きく出ます（「次のお題」で、置き場の次の項目に替わります） 4. ドックの分類表の上を押すと、いまのお題がその場所に置かれ、次のお題が出ます 　 配信画面の対話ウィンドウでも、設定パネルを開いている間は、分類表の上を押すと、いまのお題を入れられます 5. 置き直したいときは、項目をつかんで動かします。分類表の外に置いても、そのまま置かれます。置き場へ引っぱると、置き場に戻ります 6. 分類表といまのお題の札は、つかんで好きな場所に動かせます（配信画面の設定パネルを閉じていても動かせます） 7. 画像の大きさ＝画像の項目を押して「画像の大きさ」で1つずつ。全部まとめては、ドックの「画像の大きさ －／＋」（数字を押すと全部 100% に戻ります） ■ ドックの道具 ・文字を足す　　… 文字の項目を1つ足します（置き場に入ります） ・画像を足す　　… 画像の項目を足します（何枚でも選べます） ・次のお題　　　… いまのお題を、置き場の次の項目に替えます ・戻す／やり直す … 直前の操作を取り消す／取り消した操作をやり直す ・ロック　　　　… 押すと、分類表といまのお題の札を、つかんでも動かないようにします（もう一度押すと外れます） ・消す（項目を消す） … 選んでいる項目を消します。文字は選んでいる物に合わせて変わります（間違えたら「戻す」） ・右上の「文字 － ＋」 … ドックの文字の大きさ（数字を押すと 20 に戻ります） ■ キー（ドックで、文字の欄にいないとき） ・Delete　… 選んでいる項目を消す ・Ctrl+Z　… 戻す　　・Ctrl+Y … やり直す　　・Esc … 選ぶのをやめる ■ 設定のタブ ・選んだ物　… いちばん上に「ドックの入れ方」（配信画面の設定パネルだけ）。題名か表の地を押すと、題名と表の位置・大きさ（数字でも）・ロック。ほかに、選んでいる項目（画像の大きさも）・軸の言葉・いまのお題の札の中身と大きさ ・分類表　　… 分類表の一覧（切り替え・新しく作る・写す・消す）・題名・軸の言葉・区画の名前（大きさ・位置・色）・全部を置き場に戻す ・見た目　　… デザイン・色・大きさ・書体・動き・スナップ ・コメント　… わんコメと合わせて使う（つながっているか・コメントした人・始まりの言葉のコメント・届いたコメントの一覧） ・その他　　… 画像で取り出す（コピー）・設定のバックアップ・この設定パネル（はじめの状態に戻す） 【画像で取り出す】 ・設定パネルの「その他」→「画像で取り出す」→「画像をコピー」を押します（1920×1080 の PNG） ・ペイント・X・画像の編集ソフトなどに貼り付け（Ctrl+V）て、そこで保存してください ・「画像をコピー（背景を透明に）」は、背景を透明にした画像になります ・そのままコピーできない所では、画像が大きく出ます。画像の上で右クリック →「画像をコピー」でコピーしてください ・いまのお題の札・置き場・隠している項目は入りません。字は、PCに入っている書体で描きます 【わんコメと合わせて使う】 コメントした人（アイコン＋名前）や、決まった言葉で始まるコメント（例：「お題 からあげ」）を一覧に出して、 1つずつ「入れる」「入れない」を選べます。 使うときは、ダウンロードしたZIPをそのまま、わんコメの「テンプレート」画面にドラッグ＆ドロップして、 テンプレートとしてOBSに入れ直します（file:/// で入れた分類表とは保存が別になります）。 ・リスナーのアイコンは、「入れる」を押したときに画像として取り込みます ・配信者のコメント・わんコメのお知らせのコメントは出しません ・テストのコメントを流して、一覧に出るか確かめられます ・わんコメを無料で使っているときは、クレジットの表記が要ります（利用規約.txt） ※ 入れ方と設定のくわしい説明は、同梱の README.txt に載っています。 【書体について】 デザインごとに、次の書体で作ってあります（無料の書体です。ソフトには入っていません）。 ・色の太枠／ポップ／やわらか … Zen Maru Gothic ・ポジショニングマップ　　　 … Noto Sans JP PCに入っていなくても使えます（近い書体＝BIZ UDPゴシックで出ます）。 同じ見た目にしたいときは、次の手順で入れてください。 　① Google Fonts（fonts.google.com）で、書体の名前を検索します 　② 「Get font」→「Download all」で ZIP を保存して、解凍します 　③ 中の .ttf ファイルを右クリック →「インストール」 　④ OBS を再起動します 「見た目」タブ →「書体」で、PCに入っているほかの書体にも替えられます。 【よくある質問】 Q. ドックで作った分類表が、配信画面に出ません A. 配信画面のソースで「ローカルファイル」にチェックが入っていないか確かめてください。 　 index.html と dock.html は、同じフォルダの物を file:/// の形でURL欄に貼ります。 Q. 画像を入れたら「いっぱいです」と出ました A. 画像は1枚ずつ小さくして保存していますが、たくさん入れると入りきらないことがあります。 　 使っていない分類表や項目を消してください。 Q. 同じお題で、はじめから作り直したい A. 「分類表」タブ →「まとめて」→「全部を置き場に戻す」を2回押します（戻すで元に戻せます）。 Q. 最初の状態に戻したい A. 設定パネルの「その他」→「この設定パネル」→「はじめの状態に戻す（全部）」を2回押します。 　 分類表も全部消えるので、残したいときは先に「設定のバックアップ・引き継ぎ」で書き出してください。 【バージョン】 　はじめの版 【お問い合わせ】 BOOTHのメッセージ機能からご連絡ください。 制作：望月ハッピーファクトリー（https://mochizuki-happy.booth.pm/）