Google Apps Script：検索はヒットするがHTML側で結果が表示されない（nullになる）

Question

Google Apps Script（GAS）とHTMLを使って、スプレッドシート「予約管理」の情報を検索・表示する仕組みを作っています。

---

📌 現在の状況

• スプレッドシートの「新規予約」シートを対象にしています（※下記にスクリーンショット添付予定）
• チェックイン日やコードなどで検索できるようにしています
• GAS側の searchNewReservations() を testSearchDirect() で実行すると、ログにはヒット件数も正しく出ます
• しかし HTML 側で検索を実行すると、データが表示されず null や [] が返ってきてしまいます

---

🧪 試したこと

• parseDate() の書き換え（Date型か文字列かなどをいろいろ試しました）
• チェックイン・チェックアウト列のセル書式を Google スプレッドシートで「日付」に明示
• GAS内の return 値が [] ではないことを Logger で確認済み
• JS 側の console.log(results) にも null や [] が表示されてしまいます
• 条件をゆるめたり、パラメータを空にしても変化なし

---

🤔 知りたいこと

• GASの関数ではヒットしているのに、なぜ HTML 側に結果が渡ってこないのでしょうか？
• results が null または [] になる原因として、他に考えられる可能性はありますか？
• JS側で google.script.run.withSuccessHandler(...) を使っていても、このような症状になる要因があれば教えていただきたいです

---

🧩 使用中のコード

code.gs

// code.gs
function doGet() {
  return HtmlService.createHtmlOutputFromFile('search');
}

function searchNewReservations(params = {}) {
  try {
    const sheet = SpreadsheetApp.openById("188gf3L00CMpHWWVa1HHJxoHbKB6sYTorS0dKR-_Rt8s")
                  .getSheetByName("新規予約");
    const data = sheet.getDataRange().getValues();
    const results = [];

    const parseDate = d => {
      if (!d) return null;
      if (Object.prototype.toString.call(d) === "[object Date]") return d;
      return new Date(d.toString().replace(/-/g, "/"));
    };

    const checkinStart = parseDate(params.checkinStart);
    const checkinEnd = parseDate(params.checkinEnd);
    const checkoutStart = parseDate(params.checkoutStart);
    const checkoutEnd = parseDate(params.checkoutEnd);

    if (checkinStart) checkinStart.setHours(0, 0, 0, 0);
    if (checkinEnd) checkinEnd.setHours(0, 0, 0, 0);
    if (checkoutStart) checkoutStart.setHours(0, 0, 0, 0);
    if (checkoutEnd) checkoutEnd.setHours(0, 0, 0, 0);

    for (let i = 1; i < data.length; i++) {
      const row = data[i];
      const property = row[1];
      const code = row[2];
      const checkin = parseDate(row[3]);
      const checkout = parseDate(row[4]);

      if (!checkin || !checkout) continue;

      checkin.setHours(0, 0, 0, 0);
      checkout.setHours(0, 0, 0, 0);

      const match =
        (!params.property || property === params.property) &&
        (!params.code || code === params.code) &&
        (!checkinStart || checkin >= checkinStart) &&
        (!checkinEnd || checkin <= checkinEnd) &&
        (!checkoutStart || checkout >= checkoutStart) &&
        (!checkoutEnd || checkout <= checkoutEnd);

      if (match) {
        results.push({ rowIndex: i + 1, row });
      }
    }

    return results;

  } catch (error) {
    Logger.log("❌ searchNewReservationsでエラー:");
    Logger.log(error.message);
    Logger.log(error.stack);
    return [];
  }
}

### `search.html`

```html
// search.html

<script>
  function searchReservations() {
    const checkinStart = document.getElementById('checkinStart').value;
    const checkinEnd = document.getElementById('checkinEnd').value;

    const params = {
      checkinStart,
      checkinEnd,
    };

    google.script.run
      .withSuccessHandler(results => {
        console.log("📦 JSで受け取った結果:", results); // ← nullや[]になる
        renderTable(results);
      })
      .searchNewReservations(params);
  }

  function renderTable(results) {
    const table = document.getElementById('results');
    table.innerHTML = '';

    if (!results || results.length === 0) {
      table.innerHTML = '<tr><td>該当データがありません</td></tr>';
      return;
    }

    results.forEach(({ row }) => {
      const tr = document.createElement('tr');
      row.forEach(cell => {
        const td = document.createElement('td');
        td.textContent = cell;
        tr.appendChild(td);
      });
      table.appendChild(tr);
    });
  }
</script>

Answer 1

HTML サービス: サーバー機能と通信するに書いてあるパラメータと戻り値に

有効なパラメータと戻り値は、Number、Boolean、String、null などの JavaScript プリミティブと、プリミティブ、オブジェクト、配列で構成される JavaScript オブジェクトと配列です。ページ内の form 要素もパラメータとして使用できますが、関数の唯一のパラメータである必要があります。また、戻り値として使用することはできません。Date、Function、form 以外の DOM 要素、またはオブジェクトや配列内の禁止されている型などの他の禁止されている型を渡そうとすると、リクエストは失敗します。循環参照を作成するオブジェクトも失敗し、配列内の未定義のフィールドは null になります。

とあります。
返そうとしているものに有効なもの以外のものが含まれているのではないでしょうか。
もしそうなのであればJSON化して文字列として受け取るとかしてみてはどうでしょうか。