18
24

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

Googleカレンダーの編集をトリガーにして、スプレッドシートの予定も更新したい時の準備メモ

Last updated at Posted at 2019-12-28

はじめに

以前、スプレッドシートからGoogleカレンダーへイベントを登録・編集する記事 を書きましたが、これは スプレッドシート -> カレンダー の単方向だったので、逆方向の カレンダー -> スプレッドシート の編集もできるようになりたいと思い調べたところ、スプレッドシート側でカレンダーの編集を検知できるようにするまでの設定が意外と大変(主にgcp側が)だったので、その時の手順をこの場をお借りして整理することにしました。

手順概要

gas(Google Apps Script)側とgcp(Google Cloud Platform)側両方で Calendar APIを有効化する 必要があり、以下の手順が必要になります。

  • gas側でやること

    • Calendar APIを有効化する。
    • スプレッドシートからカレンダーへイベント登録した時、カレンダーの内容とスクリプトプロパティを同期化する関数を作る。
    • カレンダー側で予定を変更したとき、前回同期化した時からの差分を取得する関数をつくる。
    • トリガーを作成する。差分を取得する関数をトリガーに設定。
  • gcp側でやること

    • プロジェクト作ってない場合、作る(プロジェクト番号をgas側に設定するのでメモ)
    • Calendar APIを有効化する。
    • アプリケーションの登録をする。

gas側でやること

1. Calendar APIを有効化する

スクリプトエディタの リソース -> Googleの拡張サービス からCalendar APIをONにします。

image.png

gcpプロジェクトをまだ作ってない場合は、↑の画面のときに、 any applicable services and APIs のリンクから作成できます。既にgcpプロジェクトを作ってる場合は、カレンダーAPIを有効化しておきましょう。
(gcpプロジェクトの作成とAPIの有効化手順をgcp側でやること に記載しましたので、まだの人は良かったら参考にしてください :cat:

2. Cloud Platformプロジェクトを設定

リソース -> Cloud Platform プロジェクト でgcpの プロジェクト番号 を設定します。
image.png

3. カレンダーIDをメモ

Googleカレンダーのマイカレンダーから対象のカレンダーの 設定と共有 を開くと カレンダーID が見れますので、メモしておきます。
デフォルトカレンダーの場合は、自分のgmailアドレスがカレンダーIDになります。

4. カレンダーの内容とスクリプトプロパティの内容を同期化する関数を作る

スプレッドシートからカレンダーにイベントを登録した時 に、以下の関数を実行するようにしておきます。スクリプトプロパティの syncToken っていうプロパティにカレンダーのイベント内容を保存すると、スクリプト実行終了後も内容を保持してくれます。

function initialSync() {
  var items = Calendar.Events.list("メモしたカレンダーID");
  var nextSyncToken = items.nextSyncToken;
  var properties = PropertiesService.getScriptProperties();
  properties.setProperty("syncToken", nextSyncToken);
}

5. トリガーに設定する関数を作る

Googleカレンダー側でイベントを編集したときに実行する関数です。
手順4.の initialSync() を実行した時保存したsyncToken プロパティとの差分をとってきて、ログ表示します。その後プロパティの内容を上書きしています。
今回は差分をログ表示するだけですが、この部分をスプレッドシートへ反映する処理に書き換える予定です。

function onCalendarEdit() {
  var properties = PropertiesService.getScriptProperties();
  var nextSyncToken = properties.getProperty("syncToken");
  var optionalArgs = {
    syncToken: nextSyncToken
  };
  var events = Calendar.Events.list("メモしたカレンダーID", optionalArgs);
  Logger.log(events); // 差分をログ表示
  var nextSyncToken = events["nextSyncToken"];
  properties.setProperty("syncToken", nextSyncToken);
}

6. トリガーを作成

編集 -> 現在のプロジェクトのトリガー と選択し、遷移先画面右下の トリガーを追加 で作成します。
実行する関数は、さきほど作ったトリガーに設定する関数を選択します。
カレンダーのオーナーのメールアドレスには、カレンダーIDを入力します。初めて保存すると承認画面が表示されるので承認します。

image.png

カレンダーを編集してみる

スプレッドシートはこんなテンプレートです。カレンダーへイベント登録済みである前提
image.png

カレンダーからイベントを編集した時のログ

image.png

ログの内容から items の中にイベント内容が入っていることがわかります。
さきほどの onCalendarEdit() のログ表示の部分をこんな感じに書き換えるとイベントの内容を取得できます。


 var events = Calendar.Events.list(calendarId, optionalArgs);
 var items = events.items;

 for (var i = 0; i < items.length; i++) {
    // イベントID
    var eventId = items[i].iCalUID;
    // イベントのタイトル
    var title = items[i].summary;
    // 場所
    var location = items[i].location;
    // 開始日
    var startDate = Utilities.formatDate(new Date(items[i].start.dateTime), "Asia/Tokyo", "yyyy/MM/dd");
    // 開始時間
    var startTime = Utilities.formatDate(new Date(items[i].start.dateTime), "Asia/Tokyo", "HH:mm");
    // 終了時間
    var endTime = Utilities.formatDate(new Date(items[i].end.dateTime), "Asia/Tokyo", "HH:mm");
    // ステータス
    var status = items[i].status;

    // TODO ここにスプレッドシートの内容を更新する処理を書こう
  }

カレンダーで以下の操作を試して status の中身を確認してみました。

  • 新規登録、編集… confirmed
  • 削除… cancelled
  • トリガーに設定したのと別のカレンダーへ移動… cancelled
  • 別のカレンダーからトリガーに設定したカレンダーへ移動… confirmed

自分のデフォルトカレンダー以外に、例えば仕事、プライベート用とか別のカレンダーを作っていて変更した場合は、いったん削除されて、別のカレンダーへ新規登録ってなるみたいです。

色々な処理に対応しようとすると上記のコードを色々工夫する必要がでてきますので、今日はタイトル通り、Googleカレンダーの編集をトリガーにして、スプレッドシートの予定も更新したい時の準備のみで終わりたいと思います。:cat:

今回記事を書くときテストしたコードをこちらに置きました。

(↓以降↓はgcpプロジェクトを作る手順です。)

gcp側でやること

Google Cloud Platform でまだプロジェクトを作ってない場合、プロジェクトを作ってそちらでもAPIを有効化する必要があります。

1.Google Cloud Platformでプロジェクトを作成

https://console.cloud.google.com/terms からサービス規約の画面へ遷移します。プロジェクトを選択 で表示された画面右上の 新しいプロジェクト を選択してプロジェクト作ります。

image.png

2. Calendar APIを有効化

プロジェクトを作成すると、作成したプロジェクトのダッシュボード画面へ遷移します。 左上のハンバーガメニューから APIとサービス -> ライブラリ と移動します。
image.png

遷移先の画面でCalendar APIを検索して、有効化します。
image.png

3. アプリケーションの登録

ハンバーガーメニューのAPIとサービス -> OAuth同意画面 で以下の画面が表示されますので作成します。今回はプライベートのgmailアカウントでテストしたので、外部を選択しました。

image.png

アプリケーション名を入力し、スコープを追加して保存します。
image.png

4. プロジェクト番号をメモ

Cloud Platformの画面右上から プロジェクトの設定 を開き、プロジェクト番号 をメモします。
このプロジェクト番号をgas側に設定すればOKです。
image.png

参考にしたサイト

18
24
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
18
24

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?