お手持ちのマップ画像を、ココフォリアのマス目にぴったり合わせて書き出すツールです。マス数を決めて画像を当てはめるだけで、そのままルームの背景・前景に設定できる2枚（背景.png / 前景_グリッド.png）ができます。 ココフォリア（ccfolia.com）の実際の部屋で、取り込みと表示・動作を確認済みです（2026年9月）。 ■ こんな時に ・自作や購入したマップ画像を、ココフォリアの盤面にきれいに合わせたい ・A1、B2のような座標でマスを指定したい（戦闘・謎解き・マーダーミステリーなど） ・毎回グリッドの位置合わせを手作業でやるのが面倒 ■ できること ・マス目の数（横・縦、1〜99マス）を自由に指定 ・1マスあたりの書き出しpx（24 / 48 / 96 / 144px）を選択。拡大表示でにじみにくい高解像度で書き出せます ・マップ画像の当てはめ方（切り抜いて埋める／全体を収める／引き伸ばして埋める） ・グリッド線の色・太さ・不透明度、座標ラベルの文字色・背景チップの濃さを調整 ・座標の開始位置（左上/右上/左下/右下のどこをA1にするか）を選択 ・座標ラベルの表示/非表示を切り替え可能 ■ 使い方 1. index.htmlをブラウザで開く 2. マス目の数を決める（ココフォリアの「フィールド設定」の横幅・縦幅と同じ数字にします） 3. マップ画像を枠に入れて当てはめ方を選ぶ 4. 「背景.png」「前景_グリッド.png」を書き出し、ココフォリアの盤面で前景・背景に設定 ■ 安心して使える作り ・インストール不要。Mac / Windowsのブラウザで動きます ・画像は外部に送信しません。すべてお使いのブラウザの中で処理します ・元の画像は書き換えません ■ 動作環境 Chrome / Edge / Firefox / Safari の最新版（パソコン） ※商品画像（サンプルマップ・見出し・枠のイラスト）には画像生成AIで作った画像を使用しています。ツール本体（座標グリッドの書き出し）はコードで実装した機能で、zip に画像は含まれません。 ■ ご注意 ・2026年9月時点のココフォリア公式ドキュメント（フィールド設定は幅「1」＝24px）に合わせて作っています。仕様変更で数値が変わることがあります ・ココフォリア公式のツールではありません ・お手持ちのマップ画像の利用は、元の画像の利用規約に従ってください ■ 利用規約 ・個人・商用を問わず使えます ・ツール自体の再配布・販売はNG ■ サポート 不具合は無償で修正します。アップデートは無料です。