GAS googleカレンダー 予定の色分け

Question

前提・実現したいこと

google apps script を使用してgoogleカレンダーにシフトを登録、色分けをしようとしています。
シフトは登録できたのですがシフトごとの色分け（日勤は赤、入りは青のように）ができません。

調べて実行したこと

シフトに色を付けようと次のコードを実行してみたのですが、すべてのシフトに同じ色がついてしまいました。

function sampleCode() {
  var color = ORANGE;
  CalendarApp.getDefaultCalendar().setColor(color);
}

現在のコード

function executeInPosting() {
  //==========================================================
  // 設定箇所
  //==========================================================
  var CALENDAR_ID = '@gmail.com';
  var SHIFT1 = '日勤';
  var SHIFT2 = '入り';
  var SHIFT3 = '明け';
  var SHIFT4 = '休み';
  
  var YEAR_COLUMN = 'B';
  var MONTH_COLUMN = 'C';
  var SHIFT1_COLUMN = 'D';
  var SHIFT2_COLUMN = 'E';
  var SHIFT3_COLUMN = 'F';
  var SHIFT4_COLUMN = 'G';
  //----------------------------------------------------------
  
  var sheet = SpreadsheetApp.getActiveSheet();
  bottom = sheet.getLastRow();
  
  var year = sheet.getRange(YEAR_COLUMN + bottom).getValue();
  var month = sheet.getRange(MONTH_COLUMN + bottom).getValue();
  var shift1 = sheet.getRange(SHIFT1_COLUMN + bottom).getValue();
  var shift2 = sheet.getRange(SHIFT2_COLUMN + bottom).getValue();
  var shift3 = sheet.getRange(SHIFT3_COLUMN + bottom).getValue();
  var shift4 = sheet.getRange(SHIFT4_COLUMN + bottom).getValue();
  
  var shift1List = String(shift1).split(',');
  var shift2List = String(shift2).split(',');
  var shift3List = String(shift3).split(',');
  var shift4List = String(shift4).split(',');
  
  // シフト1を登録
  for (var i = 0; i < shift1List.length; i++) {
    var dateStr = year + '/' + month + '/' + shift1List[i];
    Logger.log(dateStr);
    var date = new Date(dateStr);
    Logger.log(date);
    createEvent(CALENDAR_ID, SHIFT1, date,);
    Logger.log('createEvent() is done.');
  }
  
  // シフト2を登録
  for (var i = 0; i < shift2List.length; i++) {
    var dateStr = year + '/' + month + '/' + shift2List[i];
    Logger.log(dateStr);
    var date = new Date(dateStr);
    Logger.log(date);
    createEvent(CALENDAR_ID, SHIFT2, date);
    Logger.log('createEvent() is done.');
  }
  
  // シフト3を登録
  for (var i = 0; i < shift3List.length; i++) {
    var dateStr = year + '/' + month + '/' + shift3List[i];
    Logger.log(dateStr);
    var date = new Date(dateStr);
    Logger.log(date);
    createEvent(CALENDAR_ID, SHIFT3, date);
    Logger.log('createEvent() is done.');
  }
  
  // シフト4を登録
  for (var i = 0; i < shift4List.length; i++) {
    var dateStr = year + '/' + month + '/' + shift4List[i];
    Logger.log(dateStr);
    var date = new Date(dateStr);
    Logger.log(date);
    createEvent(CALENDAR_ID, SHIFT4, date);
    Logger.log('createEvent() is done.');
  }
  
}

// カレンダーに終日のイベントを作成
function createEvent(calendarId, title, date) {
  var calendar = CalendarApp.getCalendarById(calendarId);
  calendar.createAllDayEvent(title, date);
}

Answer 1

CalendarEvent.setColor()を使うと、カレンダーイベントごとに色を設定できます。

  const calendar = CalendarApp.getCalendarById(calendarId);
  const event = calendar.createAllDayEvent(title, date);
  if(日勤なら)
    event.setColor(CalendarApp.EventColor.RED);
  else
    event.setColor(CalendarApp.EventColor.BLUE);

• Class CalendarEvent#setColor

https://developers.google.com/apps-script/reference/calendar/calendar-event#setcolorcolor

• Enum EventColor

https://developers.google.com/apps-script/reference/calendar/event-color

Comments

[goldenyusuke]

// カレンダーに終日のイベントを作成
function createEvent(calendarId, title, date) {
const calendar = CalendarApp.getCalendarById(calendarId);
const event = calendar.createAllDayEvent(title, date);
if ('日勤')
event.setColor(CalendarApp.EventColor.RED);
else ('入り')
event.setColor(CalendarApp.EventColor.YELLOW);
else if ('明け')
event.setColor(CalendarApp.EventColor.GREEN);
else
event.setColor(CalendarApp.EventColor.BLUE);
}

とコードを変えてみました。
日勤、入り、開け、休みはカレンダーに反映されるのですがラベル(？)の色が全部赤になってしまいます。

[draq]

どういうことでしょうか？もう少し詳しく説明をお願いします。

[goldenyusuke]

返信ありがとうございます。
画像を追加したので確認お願いします。
日勤、入り、明け、休みが全部赤色になってしまいます。
4色に色分けしたいのですが、上記コードのどこを修正すれば良いのでしょうか。

[draq]

もしかして、
if ('日勤')
event.setColor(CalendarApp.EventColor.RED);
else ('入り')
event.setColor(CalendarApp.EventColor.YELLOW);
else if ('明け')
って、そのまま書いているんでしょうか。それなら常に最初の if('日勤') が真になります。
if の条件を適切に設定してください。
または、createEvent 関数の引数に event.setColor に渡す色を設定するようにするか。

[goldenyusuke]

無事解決しました。
本当にありがとうございました。
シフトごとに色分けされるようになりました。

修正したコードです。

// カレンダーに終日のイベントを作成
function createEvent(calendarId, title, date) {
const calendar = CalendarApp.getCalendarById(calendarId);
const event = calendar.createAllDayEvent(title, date);
if (title === '日勤')
event.setColor(CalendarApp.EventColor.RED);
else if (title === '入り')
event.setColor(CalendarApp.EventColor.YELLOW);
else if (title === '明け')
event.setColor(CalendarApp.EventColor.GREEN);
else
event.setColor(CalendarApp.EventColor.BLUE);
}