GoogleフォームとGASについて

Question

実現したいこと

Googleフォームで予約フォームを作りたい。
製品A～Fの6種類があり、選択後各セクションに飛んで日付をラジオボタンで選択。
その選択肢を一度予約が入ったら選択肢から削除されるようにしたい。
例：製品A→13日10時～が送信された場合、製品Aの13日10時～の選択肢を削除する。

発生している問題・分からないこと

asMultipleChoiceItemが上手く機能せず、エラーが発生してしており、
変数を確認しても条件を満たしている気がしてなりません。
当方GASを組み始めての経験が浅く、Geminiに聞きながらの構築になります。

エラーメッセージ

TypeError: item.asMultipleChoiceItem(...).getResponse is not a function
    at onFormSubmit(コード:45:55)

該当のソースコード

function onFormSubmit(e) {
  var formResponse = e.response;
  var itemResponses = formResponse.getItemResponses();

  var product = itemResponses[5].getResponse();

  var properties = PropertiesService.getDocumentProperties();
  var selectedTimes = properties.getProperty(product);
  selectedTimes = selectedTimes ? JSON.parse(selectedTimes) : [];

  var form = FormApp.getActiveForm();
  var items = form.getItems();

  var sectionIndex = getProductSectionIndex(product, items);

  if (sectionIndex !== undefined && sectionIndex < items.length - 1) {
    var itemIndex = sectionIndex + 1;

    if (itemIndex < items.length) {
      var item = items[itemIndex];

      if (item && item.getType() === FormApp.ItemType.MULTIPLE_CHOICE) {
        var meetingTime = item.asMultipleChoiceItem().getResponse()[0];
        selectedTimes.push(meetingTime);
        properties.setProperty(product, JSON.stringify(selectedTimes));
        updateMeetingTimeChoices(item, selectedTimes);
      } 
    }
  }
}

function getProductSectionIndex(product, items) {
  var productSections = {
    "製品A": "製品A",
    "製品B": "製品B",
    "製品C": "製品C",
    "製品D": "製品D",
    "製品E": "製品E",
    "製品F": "製品F"
  };

  for (var i = 0; i < items.length; i++) {
    if (items[i].getType() === FormApp.ItemType.PAGE_BREAK && items[i].getTitle() === productSections[product]) {
      return i;
    }
  }
  return undefined;
}

function updateMeetingTimeChoices(sectionItem, selectedTimes) {
  if (sectionItem && sectionItem.getType() === FormApp.ItemType.MULTIPLE_CHOICE) {
    var originalChoices = ["13日(木) 10時～", "13日(木) 11時～", "13日(木) 13時～", "13日(木) 14時～", "14日(金)10時～", "14日(金)11時～", "14日(金)13時～", "14日(金)14時～"];
    var availableChoices = originalChoices.filter(function(choice) {
      return selectedTimes.indexOf(choice) === -1;
    });

    if (availableChoices.length > 0) {
      sectionItem.asMultipleChoiceItem().setChoiceValues(availableChoices);
    } 
  }
}

試したこと・調べたこと

• teratailやGoogle等で検索した
• ソースコードを自分なりに変更した
• 知人に聞いた
• その他

上記の詳細・結果

セクションを跨いだフォームの修正が記載されたサイトを見つける事が出来ませんでした。
変数の確認をログの出力で行っており、私の目からは問題ないように見えるのですが、エラーを改善できませんでした。

補足

https://docs.google.com/forms/d/e/1FAIpQLScPZ2huyCfVqsAuC9SKD6wNR5SS-kgq7IQIcgkZ3kR8ymI9Bw/formResponse

こちらは当該のGoogleフォームです。

Comments

[YellowGreen]

1) エラーになっているgetResponseは質問項目ではなく回答のメソッドですね
その箇所ではmeetingTimeとして回答の日時を処理しなければならないので
取得すべきは質問項目のインデックスではなく回答のインデックスなのでは？

2) 日時を選んだ後は別のセクションに飛ぶか回答を送信するのであれば、
ラジオボタンの選択肢の設定は、
setChoiceValues(values)メソッドではなく
setChoices(choices)メソッドとして
choices選択後の処理を指定しておいた方がよいかと…

Geminiさんにその辺を相談してみてください

なお、
現在のコードはキャンセル対応や
新たな日時の設定などができないので
あまり実用的ではないと思いますよ

Answer 1

あまり実用的ではないのではというコメントをしていますが、
キャンセル対応や選択肢の設定などを手動で行う前提で
加筆・修正したコードです

実際のフォームを拝見できていないのでエラーなく動作するかどうか不明ですが
当方の環境では動作しています
参考になれば…

// プロパティーサービスに保存されている予約済みの選択肢を表示
function showAllProperties() {
  const properties = PropertiesService.getDocumentProperties();
  const keys = properties.getKeys();
  for (const key of keys) {
    const dateTimes = JSON.parse(properties.getProperty(key));
    console.log('製品: %s', key);
    for (const dateTime of dateTimes) {
      console.log('予約済み：%s', dateTime);
    }
    console.log('--');
  }
}

// プロパティーサービスに保存した予約済みの選択肢をすべて消去
function deleteAllProperties() {
  const properties = PropertiesService.getDocumentProperties();
  properties.deleteAllProperties();
}

// 引数に指定した製品の質問項目の選択肢を初期値で更新
function updateChoices(product = '製品F') {
  const form = FormApp.getActiveForm();
  const items = form.getItems();
  const index = getProductSectionIndex_(product, items);
  const item = items[index + 1];
  updateMeetingTimeChoices_(item, '_');
}

// すべての製品の選択肢を初期値で更新
function updateAllChoices() {
  const products = [
    '製品A',
    '製品B',
    '製品C',
    '製品D',
    '製品E',
    '製品F',
  ]
  for (const product of products) {
    console.log('%s を処理中…', product);
    updateChoices(product);
  }
}

// フォームの選択肢から回答のあったものを削除
function onFormSubmit(e) {
  if (!e) {
    console.log('エディタから実行できません フォームの回答を送信してください');
    return;
  }

  // 製品名の質問への回答（6番目: itemResponse[5]）を取得
  const formResponse = e.response;
  const itemResponses = formResponse.getItemResponses();
  const product = itemResponses[5].getResponse();

  // プロパティサービスに保存した予約済みの選択肢の配列を取得
  const properties = PropertiesService.getDocumentProperties();
  let selectedTimes = properties.getProperty(product);
  selectedTimes = selectedTimes ? JSON.parse(selectedTimes) : [];

  // フォームから各質問項目を取得
  const form = e.source;
  const items = form.getItems();

  // 回答の製品名のセクション区切りのインデックスを取得
  const sectionIndex = getProductSectionIndex_(product, items);
  if (sectionIndex > 0 && sectionIndex < items.length - 1) {
    // セクション区切りの次のインデックス
    const itemIndex = sectionIndex + 1;

    // 製品のセクションの回答（選択された値）を取得
    if (itemIndex < items.length) {
      const item = items[itemIndex];
      const responseIndex = getResponceItemIndex_(itemResponses, item);

      // 選択肢から回答のあったものを除外
      if (item && item.getType() === FormApp.ItemType.MULTIPLE_CHOICE) {
        const meetingTime = itemResponses[responseIndex].getResponse();
        selectedTimes.push(meetingTime);
        properties.setProperty(product, JSON.stringify(selectedTimes));
        updateMeetingTimeChoices_(item, selectedTimes);
      }
    }
  }
}

function getResponceItemIndex_(itemResponses, item) {
  // すべての回答から質問項目のIDが一致するものを取得する
  for (let i = 0; i < itemResponses.length; i++) {
    const responseItemId = itemResponses[i].getItem().getId();
    const itemId = item.getId();
    if (responseItemId === itemId) {
      return i;
    }
  }
  return -1;
}

function getProductSectionIndex_(product, items) {
  // 製品名: セクションのタイトル
  const productSections = {
    "製品A": "製品A",
    "製品B": "製品B",
    "製品C": "製品C",
    "製品D": "製品D",
    "製品E": "製品E",
    "製品F": "製品F"
  };

  // 選択された製品に一致するセクションを検索
  for (let i = 0; i < items.length; i++) {
    if (items[i].getType() === FormApp.ItemType.PAGE_BREAK &&
      items[i].getTitle() === productSections[product]) {
      return i;
    }
  }
  return -1;
}

function updateMeetingTimeChoices_(sectionItem, selectedTimes) {
  // 回答後の遷移先
  const toSubmit = FormApp.PageNavigationType.SUBMIT;
  const toStart = FormApp.PageNavigationType.RESTART;

  if (sectionItem && sectionItem.getType() === FormApp.ItemType.MULTIPLE_CHOICE) {
    // 選択肢の初期値
    const originalChoices = [
      "13日(木) 10時～",
      "13日(木) 11時～",
      "13日(木) 13時～",
      "13日(木) 14時～",
      "14日(金) 10時～",
      "14日(金) 11時～",
      "14日(金) 13時～",
      "14日(金) 14時～",
    ];

    // 予約されていない選択肢を抽出
    const availableChoices = originalChoices.filter(function (choice) {
      return selectedTimes.indexOf(choice) === -1;
    });

    // 抽出した選択肢（すべて予約済みならその旨）を生成
    const choices = availableChoices.length > 0 ?
      availableChoices.map(v => sectionItem.asMultipleChoiceItem().createChoice(v, toSubmit)) :
      [sectionItem.asMultipleChoiceItem().createChoice('この製品はすべて予約済みです', toStart)];

    // 生成した選択肢を質問項目にセット
    sectionItem.asMultipleChoiceItem().setChoices(choices);
  }
}

Comments

[sakura]

お世話になります。
お返事ありがとうございます。
頂いたコードで無事動作する事が出来ました。
当方まだまだ勉強不足の為、全てを理解する事は出来ませんでしたが、
頂いたコードを基にもっと勉強してみます･･･。

ご指摘頂いております通り、キャンセルや時間の追加等は対応出来ておりませんが、
小規模展示会の技術相談で使用する予定ですので、手動で対応を予定しております。

この度は誠にありがとうございました。