【GASでゲーム作成】スプレッドシートがオセロ盤に！コピペで動く本格リバーシの作り方

// --- 定数定義 ---
const prop = PropertiesService.getScriptProperties(); // ゲームの状態を保存する領域
const ss = SpreadsheetApp.getActiveSpreadsheet();
const sh = ss.getActiveSheet();

// 石の画像（Google Drive上の公開画像を利用）
const STONE_BLACK = '=IMAGE("https://drive.google.com/uc?export=download&id=1UNMP2KZys7SkMXcef_PaFqFmTGzoAj-K")';
const STONE_WHITE = '=IMAGE("https://drive.google.com/uc?export=download&id=1LuNQiU5p4-4-h6RE5n7y6VBrvCZL2MmS")';

// 盤面管理用の内部的な値
const BLACK = "B";
const WHITE = "W";
const EMPTY = "C"; // 空白マス
const WALL = "Z";  // 盤外（番兵）

const OFFSET = 6; // シート上の盤面左上のオフセット（G7セル）

// 初期盤面データ (番兵を含む10x10)
const startField = [
  [WALL, WALL, WALL, WALL, WALL, WALL, WALL, WALL, WALL, WALL],
  [WALL, EMPTY, EMPTY, EMPTY, EMPTY, EMPTY, EMPTY, EMPTY, EMPTY, WALL],
  // ... (中略) ...
  [WALL, EMPTY, EMPTY, EMPTY, WHITE, BLACK, EMPTY, EMPTY, EMPTY, WALL],
  [WALL, EMPTY, EMPTY, EMPTY, BLACK, WHITE, EMPTY, EMPTY, EMPTY, WALL],
  // ... (中略) ...
  [WALL, EMPTY, EMPTY, EMPTY, EMPTY, EMPTY, EMPTY, EMPTY, EMPTY, WALL],
  [WALL, WALL, WALL, WALL, WALL, WALL, WALL, WALL, WALL, WALL]
];

// --- 盤面初期化 ---
function btn1_Click() {
  // 盤面クリア
  sh.getRange("G7:N14").clearContent();

  // プロパティ（ゲームの状態）を初期化
  prop.setProperty("FIELD", fieldToString(startField));
  prop.setProperty("TURN", BLACK);

  // 初期配置の4つの石を置く
  sh.getRange("K10").setValue(STONE_BLACK);
  sh.getRange("J11").setValue(STONE_BLACK);
  sh.getRange("J10").setValue(STONE_WHITE);
  sh.getRange("K11").setValue(STONE_WHITE);

  Browser.msgBox("対戦を開始します。先攻は黒です");
  setFont("V13", "黒の番です", "white", "black");
  countStone(startField);
}

// --- セル編集時のメイン処理 ---
function onEdit(e) {
  if (!e) return; // スクリプトエディタからの直接実行を無視
  
  let turn = prop.getProperty("TURN");
  let y = e.range.getRow();    // 編集された行
  let x = e.range.getColumn(); // 編集された列

  // 編集されたのが盤面の範囲内かチェック
  if (y > OFFSET && y <= OFFSET + 8 && x > OFFSET && x <= OFFSET + 8) {
    let field = stringToField(prop.getProperty("FIELD")); // 現在の盤面を復元
    let fy = y - OFFSET; // 配列上のY座標
    let fx = x - OFFSET; // 配列上のX座標

    // 石が置けるか判定し、置けるなら盤面を更新
    if (playable(fy, fx, turn, field)) {
      // ターンを交代
      turn = (turn === BLACK) ? WHITE : BLACK;
      prop.setProperty("TURN", turn);
      // ... (UI更新処理) ...
    } else {
      // 置けない場合はエラー表示して、置こうとした石を消す
      setFont("V13", "エラーです", "red", "white");
      sh.getRange(y, x).clearContent();
      return;
    }

    // ... (石の数カウントとゲーム終了判定) ...
  }
}

// --- 石が置けるか判定し、盤面を更新 ---
function playable(y, x, player, field) {
  if (field[y][x] !== EMPTY) return false; // 空白マスでなければ置けない

  let opponent = (player === BLACK) ? WHITE : BLACK;
  // 8方向（上、右上、右、...）をチェックするための差分
  let delta_y = [-1, -1, 0, 1, 1, 1, 0, -1];
  let delta_x = [0, 1, 1, 1, 0, -1, -1, -1];
  let flipped = false; // 1つでも石をひっくり返せたらtrueになるフラグ

  // 8方向をループでチェック
  for (let dir = 0; dir < 8; dir++) {
    let n = y + delta_y[dir];
    let m = x + delta_x[dir];
    let stonesToFlip = []; // その方向にひっくり返す候補の石

    // 1. 隣が相手の石でなければ、その方向は無効
    if (field[n][m] !== opponent) continue;

    // 2. 相手の石が続く限り、さらに先を探索
    while (field[n][m] === opponent) {
      stonesToFlip.push([n, m]);
      n += delta_y[dir];
      m += delta_x[dir];
    }

    // 3. 相手の石の先に自分の石があれば、挟んだ石をひっくり返す
    if (stonesToFlip.length > 0 && field[n][m] === player) {
      flipped = true;
      stonesToFlip.forEach(([fy, fx]) => {
        field[fy][fx] = player; // 配列上のデータを更新
        changeStone(fy, fx, player); // シート上の見た目を更新
      });
    }
  }

  // 1つでもひっくり返せたなら、最初に置いた石も有効化する
  if (flipped) {
    field[y][x] = player;
    changeStone(y, x, player);
    prop.setProperty("FIELD", fieldToString(field)); // 最新の盤面を保存
    return true;
  }
  return false; // どの方向にも返せなかったので、ここには置けない
}

// --- 盤面配列<->文字列の相互変換 ---
function fieldToString(array) { /* ... */ }
function stringToField(str) { /* ... */ }

// --- 指定座標の石の見た目を変更 ---
function changeStone(y, x, player) { /* ... */ }

// --- 石の数を数えて画面に反映 ---
function countStone(field) { /* ... */ }

// --- メッセージ表示部分の書式設定 ---
function setFont(cell, value, fontColor, background) { /* ... */ }