ツール一覧へ戻る

ベストイレブン メーカー

サッカーのベストイレブン・スタメン発表画像をGUI で作成。 フォーメーションプリセット（4-4-2 / 4-3-3 / 4-2-3-1 など）で 11 人を一括配置し、 あとはドラッグで自由に微調整。選手の画像アイコンをドラッグ＆ドロップで並べられ、 図を編集するとテキスト記法が自動生成される双方向エディタです。

使い方
  1. フォーメーション配置: フォーメーションを選んで「配置」を押すと、ポジション名付きの 11 人がピッチに並びます。 別のフォーメーションで再度「配置」すると、設定済みの名前・画像を保ったまま並べ替えられます。
  2. 点を移動: 点をドラッグ。プリセットに縛られず、ピッチ上のどこにでも自由に置けます。
  3. 点を編集: 点をクリックして選択し、「選択中の点」欄で名前・座標・色・大きさ・画像を変更。 「＋ 点を追加」でベンチメンバー等の 12 人目以降も追加できます。 「ラベルのみ」にチェックすると点を描かずテキストだけを配置できます（注釈や見出しに。記法上は radius: 0）。
  4. 画像アイコン: 「画像」欄でアップロードし、サムネイルを図へドラッグ＆ドロップすると、その位置に点として配置されます。 点を選択した状態でサムネイルをクリックすると、その点（GK など）への割り当てになります。 配置前にサムネイルの名前部分をクリックすると改名でき、その名前が配置時の点の名前（ラベル）になります（\n で改行可）。
  5. レイヤー: 図は「背景 / ピッチ / アイコン」の 3 レイヤー構成。レイヤーごとに表示 / 非表示を切り替えられ、 背景レイヤーには色または画像を設定できます。「ピッチの不透明度」を下げると背景が透けて見えます。
  6. 点の名前を含む各ラベルは \n（バックスラッシュ + n）を書いた位置で改行されます。
  7. 生成されたコードはコピーや共有 URL にでき、図自体は PNG / SVG でダウンロードできます（画像アイコン込み）。処理はすべてブラウザ上で完結します。
選択中の点

点をクリックで選択 / ドラッグで移動 / 空きエリアのクリックで選択解除

レイヤー
画像ギャラリーから図へ D&D で配置できます
オフにするとアイコンのみの図になります
画像（アイコン）

「＋ フォルダを追加」ではフォルダ名がグループになり、グループごとに折りたたみ表示されます（国別・チーム別の整理に）。 画像はブラウザ内（ローカル）にのみ保存され、コードや共有 URL には含まれません。

タイトル・フォーメーション
配置

「配置」でプリセットの位置に 11 人を並べます。配置後はドラッグで自由に動かせます。

記法リファレンス（bestEleven — 本ツール独自）
行 意味 例
bestEleven 先頭行（固定） bestEleven
title 図のタイトル title 俺のベストイレブン
formation フォーメーション名（図の右上に表示） formation 4-2-3-1
点 選手名と座標（0〜1）。スタイルは任意 選手A: [0.3, 0.6] radius: 24, color: #ff5588
%%icon: 点への画像割り当て %%icon: 選手A icon_01
%%bg-color: / %%bg-image: 背景レイヤーの色 / 背景画像の使用 %%bg-color: #0b1a3a
%%pitch-opacity: ピッチ（芝と白線）の不透明度 0〜1 %%pitch-opacity: 0.7
%%layer-hide: 非表示レイヤー（bg / pitch / icons / labels） %%layer-hide: labels

座標は X が左→右、Y は 0 が自陣ゴール側（下）・1 が敵陣側（上）です。 各ラベルは \n で改行できます。 radius: 0 の点は「ラベルのみ」として点を描かずテキストだけを表示します。

ベストイレブン メーカーについて

このツールは、サッカーのベストイレブン・スターティングメンバー・フォーメーション図を ブラウザ上で作成するためのものです。歴代ベストイレブンの発表画像、応援チームの予想スタメン、 フットサルや草サッカーのメンバー表などに使えます。 アップロードした画像を含め、すべての処理はローカルで実行され、データが外部に送信されることはありません。