会議でのセッションへの登録を作成する

コーディング レベル: 初級
所要時間: 5 分
プロジェクトの種類: カスタム メニューイベント ドリブン トリガー

目標

  • ソリューションの機能を理解する
  • コンテナ内で Apps Script サービスが 説明します。
  • スクリプトを設定します。
  • スクリプトを実行します。

このソリューションについて

エンドツーエンドのイベント登録システムを作成する。予定がある場合 予定がある場合は、会議などの新しいカレンダーを 登録フォームを作成し、参加者にパーソナライズされたメールを 選択します

スプレッドシートからフォームとカレンダーに情報を転送する

仕組み

このソリューションでは、Google スプレッドシートのカスタム メニューを使用して、 イベント登録システムです。このスクリプトは、会議のカレンダーを作成し、 イベントを記録します。その後、スクリプトによって フォームには、参加者が登録できるイベントのリストが記載されます。参加者の後 フォームに入力すると、スクリプトによって参加者がカレンダーの予定に追加され、 旅行プランをメールで送信します

Apps Script サービス

このソリューションでは、次のサービスを使用します。

  • スプレッドシート サービス - 他のサービスにルーティングできます。
  • Calendar Service - カレンダーの 新しいカレンダーの作成、カレンダーへの予定の追加、参加者の追加 登録するイベントに リンクできます
  • Properties サービス - カレンダー サービスによって作成されたカレンダーの ID。ユーザーが カスタム [Conference] メニューから [Set up conference] をクリックします。 プロパティ サービスは、イベント登録システムがすでに 設定するには、calendar ID プロパティが存在するかどうかを確認します。これにより、 フォームやカレンダーの重複を避けられます
  • フォーム サービス - フォームを作成します。 参加登録に使用できるスプレッドシートの情報から、 あります。
  • スクリプト サービス - 参加者がフォームへの入力を完了すると自動的に通知を受け取れます。
  • ドキュメント サービス - イベントを取得します。 そのイベントの情報が取り込まれて、 新しいドキュメントに追加します。スクリプトにより、参加者に編集権限が付与される できます。
  • メールサービス - 旅行プランに関するドキュメントを 表示されます。

前提条件

このサンプルを使用するには、次の前提条件を満たす必要があります。

  • Google アカウント(Google Workspace アカウントは 管理者の承認が必要です)。
  • インターネットにアクセスできるウェブブラウザ。

スクリプトを設定する

  1. 次のボタンをクリックすると、 会議でのセッションのサンプル スプレッドシート。Apps Script スプレッドシートに添付されています。
    コピーを作成
  2. [会議の設定] > [設定] をクリックします できます。以下の操作を行うには、このカスタム メニューのページの更新が必要になる場合があります 表示されます。
  3. プロンプトが表示されたら、スクリプトを承認します。 OAuth 同意画面に [このアプリは検証されていません] という警告が表示された場合は、 [詳細設定] > を選択して続行します {プロジェクト名}(安全でない)に移動します

  4. [会議の設定] > [設定] をクリックします 再度行う

スクリプトを実行する

  1. [ツール] > [フォームを管理] をクリックします。 > [実際のフォームに移動] をタップします。
  2. フォームに記入して送信します。
  3. calendar.google.com を開きます。
  4. 左側の [Conference Calendar] がオンになっていることを確認します。
  5. 登録したイベントの日付に移動して、追加されたことを確認します できます。

(省略可)ソリューションをリセットする

このソリューションをもう一度試す場合、または 設定済みの一部のアイテムをリセットする必要があります 値を指定する必要があります。ソリューションをリセットする手順を表示するには、 以下の解答をリセットします。

ソリューションをリセットする

ステップ 1: 格納されているスクリプトのプロパティをリセットする

スクリプトを複数回実行しようとすると、次のメッセージが表示されます。 設定されます。Google ドライブで登録フォームをご確認ください。 これは、会議カレンダーの作成後に、そのカレンダー ID が スクリプトのプロパティとして保存されます。スクリプトを実行すると、 カレンダー ID プロパティがすでに存在し、存在する場合は実行を停止します。

既存のカレンダー ID プロパティを削除する手順は次のとおりです。

  1. スプレッドシートで [拡張機能] をクリックします。 > [Apps Script]
  2. Apps Script エディタで、resetProperties を 関数のプルダウン リストから [実行] をクリックします。

ステップ 2: 会議カレンダーを削除する

スクリプトが実行されるたびに、新しいカレンダーが作成されます。テストをしたくなければ、 作成した元のカレンダーを保持するには、次の手順を行います。

  1. calendar.google.com を開きます。
  2. [Conference Calendar] の横にある [Options for Conference Calendar] をクリックします。 > 設定と共有
  3. 設定の一番下までスクロールし、[削除] をクリックします。

ステップ 3: フォーム送信トリガーを削除する

このスクリプトは実行するたびに、フォーム送信のトリガーを作成します。宛先 メールの重複を避けるため、元のメールを削除する トリガーされます。手順は次のとおりです。

  1. スプレッドシートで [拡張機能] をクリックします。 > [Apps Script]
  2. Apps Script プロジェクトの左側で、[トリガー] をクリックします。
  3. トリガーの横にあるその他アイコン をクリックします。 > [トリガーを削除] をタップします。

スクリプトを実行するたびに、新しいフォームが作成されます。以下の手順に沿って操作してください。 スプレッドシートとフォームのリンクを解除して削除します。

  1. スプレッドシートで、[フォームの回答] シートを右クリックし、[ [フォームのリンクを解除] > [OK] をタップします。
  2. [フォームの回答] シートをもう一度右クリックし、[削除] をクリックします。 > [OK] をタップします。
  3. forms.google.com にアクセスします。
  4. [Conference Form] を右クリックし、[Remove](削除)をクリックします。 > [ゴミ箱に移動] をタップします。

ソリューションをリセットしたら、独自のデータを追加できます。または サンプルデータを使用してスクリプトを再度実行します。

コードを確認する

このソリューションの Apps Script コードを確認するには、 以下のソースコードを表示します。

ソースコードを表示

コード.gs

solutions/automations/event-session-signup/Code.js
// To learn how to use this script, refer to the documentation:
// https://developers.google.com/apps-script/samples/automations/event-session-signup

/*
Copyright 2022 Google LLC

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

    https://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
*/

/**
 * Inserts a custom menu when the spreadsheet opens.
 */
function onOpen() {
  SpreadsheetApp.getUi().createMenu('Conference')
      .addItem('Set up conference', 'setUpConference_')
      .addToUi();
}

/**
 * Uses the conference data in the spreadsheet to create
 * Google Calendar events, a Google Form, and a trigger that allows the script
 * to react to form responses.
 */
function setUpConference_() {
  let scriptProperties = PropertiesService.getScriptProperties();
  if (scriptProperties.getProperty('calId')) {
    Browser.msgBox('Your conference is already set up. Look in Google Drive for your'
                   + ' sign-up form!');
                   return;
  }
  let ss = SpreadsheetApp.getActive();
  let sheet = ss.getSheetByName('Conference Setup');
  let range = sheet.getDataRange();
  let values = range.getValues();
  setUpCalendar_(values, range);
  setUpForm_(ss, values);
  ScriptApp.newTrigger('onFormSubmit').forSpreadsheet(ss).onFormSubmit()
      .create();
}

/**
 * Creates a Google Calendar with events for each conference session in the
 * spreadsheet, then writes the event IDs to the spreadsheet for future use.
 * @param {Array<string[]>} values Cell values for the spreadsheet range.
 * @param {Range} range A spreadsheet range that contains conference data.
 */
function setUpCalendar_(values, range) {
  let cal = CalendarApp.createCalendar('Conference Calendar');
  // Start at 1 to skip the header row.
  for (let i = 1; i < values.length; i++) {
    let session = values[i];
    let title = session[0];
    let start = joinDateAndTime_(session[1], session[2]);
    let end = joinDateAndTime_(session[1], session[3]);
    let options = {location: session[4], sendInvites: true};
    let event = cal.createEvent(title, start, end, options)
        .setGuestsCanSeeGuests(false);
    session[5] = event.getId();
  }
  range.setValues(values);

  // Stores the ID for the Calendar, which is needed to retrieve events by ID.
  let scriptProperties = PropertiesService.getScriptProperties();
  scriptProperties.setProperty('calId', cal.getId());
}

/**
 * Creates a single Date object from separate date and time cells.
 *
 * @param {Date} date A Date object from which to extract the date.
 * @param {Date} time A Date object from which to extract the time.
 * @return {Date} A Date object representing the combined date and time.
 */
function joinDateAndTime_(date, time) {
  date = new Date(date);
  date.setHours(time.getHours());
  date.setMinutes(time.getMinutes());
  return date;
}

/**
 * Creates a Google Form that allows respondents to select which conference
 * sessions they would like to attend, grouped by date and start time in the
 * caller's time zone.
 *
 * @param {Spreadsheet} ss The spreadsheet that contains the conference data.
 * @param {Array<String[]>} values Cell values for the spreadsheet range.
 */
function setUpForm_(ss, values) {
  // Group the sessions by date and time so that they can be passed to the form.
  let schedule = {};
  // Start at 1 to skip the header row.
  for (let i = 1; i < values.length; i++) {
    let session = values[i];
    let day = session[1].toLocaleDateString();
    let time = session[2].toLocaleTimeString();
    if (!schedule[day]) {
      schedule[day] = {};
    }
    if (!schedule[day][time]) {
      schedule[day][time] = [];
    }
    schedule[day][time].push(session[0]);
  }

  // Creates the form and adds a multiple-choice question for each timeslot.
  let form = FormApp.create('Conference Form');
  form.setDestination(FormApp.DestinationType.SPREADSHEET, ss.getId());
  form.addTextItem().setTitle('Name').setRequired(true);
  form.addTextItem().setTitle('Email').setRequired(true);
  Object.keys(schedule).forEach(function(day) {
    let header = form.addSectionHeaderItem().setTitle('Sessions for ' + day);
    Object.keys(schedule[day]).forEach(function(time) {
      let item = form.addMultipleChoiceItem().setTitle(time + ' ' + day)
          .setChoiceValues(schedule[day][time]);
    });
  });
}

/**
 * Sends out calendar invitations and a
 * personalized Google Docs itinerary after a user responds to the form.
 *
 * @param {Object} e The event parameter for form submission to a spreadsheet;
 *     see https://developers.google.com/apps-script/understanding_events
 */
function onFormSubmit(e) {
  let user = {name: e.namedValues['Name'][0], email: e.namedValues['Email'][0]};

  // Grab the session data again so that we can match it to the user's choices.
  let response = [];
  let values = SpreadsheetApp.getActive().getSheetByName('Conference Setup')
      .getDataRange().getValues();
  for (let i = 1; i < values.length; i++) {
    let session = values[i];
    let title = session[0];
    let day = session[1].toLocaleDateString();
    let time = session[2].toLocaleTimeString();
    let timeslot = time + ' ' + day;

    // For every selection in the response, find the matching timeslot and title
    // in the spreadsheet and add the session data to the response array.
    if (e.namedValues[timeslot] && e.namedValues[timeslot] == title) {
      response.push(session);
    }
  }
  sendInvites_(user, response);
  sendDoc_(user, response);
}

/**
 * Add the user as a guest for every session he or she selected.
 * @param {object} user An object that contains the user's name and email.
 * @param {Array<String[]>} response An array of data for the user's session choices.
 */
function sendInvites_(user, response) {
  let id = ScriptProperties.getProperty('calId');
  let cal = CalendarApp.getCalendarById(id);
  for (let i = 0; i < response.length; i++) {
    cal.getEventSeriesById(response[i][5]).addGuest(user.email);
  }
}

/**
 * Creates and shares a personalized Google Doc that shows the user's itinerary.
 * @param {object} user An object that contains the user's name and email.
 * @param {Array<string[]>} response An array of data for the user's session choices.
 */
function sendDoc_(user, response) {
  let doc = DocumentApp.create('Conference Itinerary for ' + user.name)
      .addEditor(user.email);
  let body = doc.getBody();
  let table = [['Session', 'Date', 'Time', 'Location']];
  for (let i = 0; i < response.length; i++) {
    table.push([response[i][0], response[i][1].toLocaleDateString(),
      response[i][2].toLocaleTimeString(), response[i][4]]);
  }
  body.insertParagraph(0, doc.getName())
      .setHeading(DocumentApp.ParagraphHeading.HEADING1);
  table = body.appendTable(table);
  table.getRow(0).editAsText().setBold(true);
  doc.saveAndClose();

  // Emails a link to the Doc as well as a PDF copy.
  MailApp.sendEmail({
    to: user.email,
    subject: doc.getName(),
    body: 'Thanks for registering! Here\'s your itinerary: ' + doc.getUrl(),
    attachments: doc.getAs(MimeType.PDF),
  });
}

/**
 * Removes the calId script property so that the 'setUpConference_()' can be run again.
 */
function resetProperties(){
  let scriptProperties = PropertiesService.getScriptProperties();
  scriptProperties.deleteAllProperties();
}

協力者

このサンプルは、Google Developer Experts のサポートのもと、Google によって管理されています。

次のステップ