みんなの行った国 世界地図ボード｜コメントで世界地図が光る視聴者参加型オーバーレイ＋193か国コンプリート耐久【OBS/わんコメ対応】

「行ったことある国は？」「行きたい国は？」と聞くだけで、世界地図がだんだん光っていくOBSオーバーレイです。同じ国に何人でも乗り、人数が多い国ほど点が大きくなります。地図の画像は1枚も入っていません——193か国の点は、その国の緯度経度から計算して置いているだけで、大陸の形はデータそのものが描いています。193か国を早い者勝ちで埋めるコンプリート耐久モードも同梱。HTML1枚・サーバー不要。わんコメが無くても手動で最後まで使えます。

2つの遊び方

■ ① みんなの行った国（既定）

「行ったことある国は？」「行きたい国は？」と聞くだけです。視聴者は国名をコメントするだけで、その位置が光ります。同じ国に何人でも乗り、人数が多い国ほど点が大きくなります。地図の下には「のべ件数」「人気の国 上位3つ」「大陸ごとの達成数（ヨーロッパ21/44 のように）」が自動で出ます。

雑談配信にそのまま差し込めますし、旅行好きの視聴者がいる枠だと勝手に盛り上がります。1人あたり5か国まで（変更できます）。

■ ② 世界の国名193 コンプリート耐久

193か国を早い者勝ちで埋める耐久モードです。全部光るまで終われません。URLひとつで切り替わります。

■ 言葉の拾い方

ひらがな／カタカナ／漢字／英語、全角半角、大文字小文字を吸収します（「にほん」「日本」「Japan」／「米国」「USA」）。文の中に混ざっていても拾います（「イタリア行きたい」→ イタリア）。

紛らわしいものは、わざと拾いません。「インドカレー食べたい」「日本語」「中国地方」は埋めませんし、「コンゴ」は2つのコンゴを区別できないので埋めません。盤面は配信中に巻き戻せないので、迷ったら埋めない設計です。

間違って光ったら、その点をクリックすれば取り消せます。

地図画像は1枚も入っていません（ここが作りの肝です）

この商品には地図の画像もSVGも国境線のデータも入っていません。193個の点は、その国の緯度経度から計算して置いているだけです。大陸の形は、データそのものが描いています。地図データのライセンス問題が原理的に発生しません。

■ 小さい国が重なる問題を、ちゃんと解いてあります

モナコ・サンマリノ・リヒテンシュタイン・アンドラ・マルタ・ルクセンブルクはヨーロッパの数ピクセルに固まりますし、カリブ海と太平洋の島国も同じように潰れます。そのままでは「光ったのに、どの国か分からない」という、この商品の価値そのものが壊れる不具合になります。

そこで、真の座標から細い引き出し線を残したまま、マーカーだけを押し合って離しています。

・出荷前の自動検査で、193個すべてが互いに9px以上離れていることを毎回確認しています（押し出す前は19組が重なっています）。

・押し出せる距離には上限があるので、地図の形は崩れません。実際に動いたのは193個中3個だけです。

・配置は毎回まったく同じです（乱数を使っていません）。

■ 見た目

無地・ダーク基調で、配色は7種類から選べます。答えた人の名前が数秒だけその国の上に浮かびます（消せます）。PNGボタンでその時点の地図を画像として書き出せるので、配信のまとめ投稿に使えます。途中で閉じても、次の配信から続きを埋められます。

ファイル・動作環境・ライセンス（正直に書いておくこと）

■ 同梱ファイル

board.html（本体・これ1枚で動きます）／index.html（設定を作る画面＋その場で動くプレビュー）／lib/match.js（言葉の拾い方）／lib/place.js（座標の投影と重なり回避）／data/world.js（193か国の名前・別名・緯度経度・大陸。テキストエディタで編集できます）／shared/（共通CSS・JS）／fonts/（Chakra Petch・JetBrains Mono、SIL Open Font License 1.1）／README.txt／利用規約。zipは約243KB・15ファイルです。

■ 動作環境

OBS Studio のブラウザソース、または普通のブラウザ。サーバーもアカウントも要りません。幅1240×高さ760 くらいが目安です。

■ 中身のデータについて

国際連合の加盟193か国を Wikidata（CC0）から機械的に取得しました（加盟が終了していない・解散していない・主権国家である の3条件）。取得結果はちょうど193件で、国連が公表する加盟国数と一致します。緯度経度は各国の座標です。

国名と別名は、同じブランドの「耐久コンプリートボード」とまったく同じデータを使っており、出荷前の検査で両者が同じ193か国であることを確かめています。2つの商品の中身が食い違うことはありません。

なお、加盟国でない地域（台湾・バチカンなど）は盤面にありません。これは機械的な基準による線引きで、特定の政治的立場を表明するものではありません。点を打っているだけなので、国境・領海・帰属を表現するものでもありません。

■ わんコメ連携について（重要・正直にお伝えします）

コメント連携は任意の追加機能で、ご利用の場合はご自身のPCに「わんコメ（OneComme）」を別途インストールしてください（無料版で動作します。本商品には同梱していません）。

接続は公式ドキュメント（onesdk-js）どおりに実装していますが、制作環境にわんコメ本体が無いため、実機での接続確認ができていません。この点を承知のうえでご購入ください。手動入力での動作はブラウザ実機で確認済みで、わんコメが無くても手動だけで最後まで使えるよう設計しています。

■ ライセンス

商用・非商用を問わず、ご自身の配信・動画・イベントでご利用いただけます（収益化を含む）。改変も自由です。ファイルそのものの再配布・再販売、および本商品を学習データに用いた機械学習・生成AIモデルの作成は禁止です。クレジットは任意（不要）です。詳細は同梱の利用規約をご覧ください。