常連

### 前提

今まで問題なく使えていた　 カレンダーIDの取得が
出来なく　null で帰ってくる。
CalendarApp.getCalendarById(main)　

【GAS】スプレッドシートからカレンダーへ予定登録で今まで　なんの問題なく動いていたのですが、トリガーの時間を５分から１分に変えてから、このエラーになり。　その後５分に戻しましたが、エラーのままになってしまいました。

### 実現したいこと

今まで通りに　存在するカレンダーID　から　CalendarApp.getCalendarById(main)
この命令を正常にしたい。

### 発生している問題・エラーメッセージ

```
   const calendar = CalendarApp.getCalendarById(main)
で　console.log (calendar);　の結果が　null  です。
```

### 該当のソースコード

```
   const calendar = CalendarApp.getCalendarById(main)
で　console.log (calendar);　の結果が　null  です。
```

### 試したこと

console.log (calendar)　で　問題の命令を見つけたが　この命令でした。

考えられるのは　トリガーを2人で切っていて　片方のアカウントを消してから
このようになっています。
ググってほかの　事例でも　カレンダー共有をやり直したら・・・
と書いてあるものもあったのですが。　このIDはもともと一般公開までしています。


### 補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。


【GAS】今まで問題なく使えていた　 カレンダーIDの取得が 出来なく　null で帰ってくる。 CalendarApp.getCalendarById(main)　

### 実現したいこと

Googleフォームから送信した内容で
スプレッドシートに反映された回答内容から
GASを使って、Googleカレンダーへ予定を作成する

### 前提
一度実装ができたので、フォームの入力形式を少々変更し再度実装に挑んでいる最中でした。

### 発生している問題・エラーメッセージ
やはり９行目でエラーが出ます、、、

### 該当のソースコード
今実装中のコード
function createEvent(e) {
//エラー防止のため、以下の5行を追加
if (e === undefined) {
console.log('このスクリプトは、エディタから実行できません。');
console.log('フォームに回答してみてください。');
return;
}
const items = [];
const itemResponses = e.response.getItemResponses();
for (const itemResponse of itemResponses) {
items.push(itemResponse.getResponse());
}
let [ abouttime, YYYY, MM, DD, hoursS, minutesS, hoursE, minutesE] = items;
let id = 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx@group.calendar.google.com';
let calendar = CalendarApp.getCalendarById(id);
let title = abouttime;
let startTime = new Date(YYYY + MM + DD + hoursS + minutesS);
let endTime = new Date(YYYY + MM + DD + hoursE + minutesE);
// ▼勤務内容
// 送信日時: ${timestamp}
// 勤務日: ${YYYY}/${MM}/${DD}
// 開始時間: ${hoursS}:${minutesS}
// 終了時間: ${hoursE}:${minutesE}
// 時間帯: ${abouttime}`;

calendar.createEvent(title, startTime, endTime);
}



Googleフォームから送信した内容で スプレッドシートに反映された回答内容から GASを使って、Googleカレンダーへ予定を作成する

### 実現したいこと
関数を含むスプレッドシートに記載したスケジュールをGoogleカレンダーに登録できるようにしたい。

### 前提
【シート１】
Googleカレンダーに登録するスケジュール。シート２の情報を関数で反映しているため、開始・終了・
タイトル・内容（E～H列）は関数の結果が反映されています。
【シート２】
シート１に反映させるスケジュール情報を入力しています。基本的に更新するのはシート２になります。

[こちらのサイト](https://www.whizz-tech.co.jp/3996/)を参考にしています。
関数ではない値の場合でカレンダーに反映はできました。
それでは使い勝手が悪く、シート２の結果をシート１に反映させてカレンダーに連携したいため、シート１に関数を入れたところ、「登録完了」と表示されるものの、カレンダーには登録されず、スプレッドシートにも登録した後に「済」表記になる予定がなりません。

そこで、シート１が値ではないことが原因ではと考えたため、getValuesをgetDisplayValuesに変更してみましたがやはりだめでした。
getDisplayValuesで表示上の値を取得は確認できたので、カレンダーに登録する箇所で問題があるのでは…と考えていますが、どこを修正したらよいかわかりません。

### 発生している問題・エラーメッセージ
TypeError: startTime.getHours is not a function


```ここに言語名を入力
/**
 * スプレッドシート表示の際に呼出し
 */
function onOpen() {
  
  var ss = SpreadsheetApp.getActiveSpreadsheet();

  //スプレッドシートのメニューにカスタムメニュー「カレンダー連携 > 実行」を作成
  var subMenus = [];
  subMenus.push({
    name: "実行",
    functionName: "createSchedule"  //実行で呼び出す関数を指定
  });
  ss.addMenu("カレンダー連携", subMenus);
}


/**
 * 予定を作成する
 */
function createSchedule() {

  // 連携するアカウント
  const gAccount = "aaaaaa@XXXXXXXX.jp";
  
  // 読み取り範囲（表の始まり行と終わり列）
  const topRow = 6;
  const lastCol = 9;

  // 0始まりで列を指定しておく
  const statusCellNum = 1;
  const dayCellNum = 2;
  const startCellNum = 4;
  const endCellNum = 5;
  const titleCellNum = 6;
  // const locationCellNum = 7;
  const descriptionCellNum = 7;
  const guests = "bbbbbbb@XXXXXXXX.jp";

  // シートを取得
  var sheet = SpreadsheetApp.getActiveSpreadsheet().getActiveSheet();

  // 予定の最終行を取得
  var lastRow = sheet.getLastRow();
  
  //予定の一覧を取得
  // var contents = sheet.getRange(topRow, 1, sheet.getLastRow(), lastCol).getValues();
  var contents = sheet.getRange(topRow, 1, sheet.getLastRow(), lastCol).getDisplayValues();

  // googleカレンダーの取得
  var calender = CalendarApp.getCalendarById(gAccount);


  //順に予定を作成（今回は正しい値が来ることを想定）
  for (i = 0; i <= lastRow - topRow; i++) {

    //「済」っぽいのか、空の場合は飛ばす
    var status = contents[i][statusCellNum];
    if (
      status == "済" ||
      status == "済み" ||
      status == "OK" ||
      contents[i][dayCellNum] == ""
    ) {
      continue;
    }

    // 値をセット 日時はフォーマットして保持
    var day = new Date(contents[i][dayCellNum]);
    var startTime = contents[i][startCellNum];
    var endTime = contents[i][endCellNum];
    var title = contents[i][titleCellNum];
    // 場所と詳細をセット
    // var options = {location: contents[i][locationCellNum], description: contents[i][descriptionCellNum]};
    var options = {description: contents[i][descriptionCellNum], guests: guests};
    // var options = {description: contents[i][descriptionCellNum]};  


    try {
      // 開始終了が無ければスキップ
      if (startTime == '' || endTime == '') 
      {
        //予定をスキップ
         continue;
        
      // 開始終了時間があれば範囲で設定
      } else {
        // 開始日時をフォーマット
        var startDate = new Date(day);
        startDate.setHours(startTime.getHours())
        startDate.setMinutes(startTime.getMinutes());
        // 終了日時をフォーマット
        var endDate = new Date(day);
        endDate.setHours(endTime.getHours())
        endDate.setMinutes(endTime.getMinutes());


        // 予定を作成
         calender.createEvent(
          title,
          startDate,
          endDate,
          options
        );
      }



      //無事に予定が作成されたら「済」にする
      sheet.getRange(topRow + i, 2).setValue("済");

    // エラーの場合（今回はログ出力のみ）
    } catch(e) {
      Logger.log(e);
    }
    
  }
  // ブラウザへ完了通知
  Browser.msgBox("登録完了");
}


```

### 試したこと

シート１が値ではないことが原因ではと考えたため、getValuesをgetDisplayValuesに変更してみましたが「登録完了」とは表示されますが、カレンダーに登録もされておらず、シート１も「済」表記になりませんでした。

デバッグしたところ、getValuesでもgetDisplayValuesでも以下のエラーが表示されました。
TypeError: startTime.getHours is not a function

### 補足情報（FW/ツールのバージョンなど）

GASなどコードはWEBで検索しながら見様見真似で行っている程度の知識量です。よろしくお願い致します。


GAS：数式含むスプシからカレンダーへ登録したい

### 実現したいこと
GASのcreateAllDayEventで作成される終日イベントを「予定なし」にしたい

### 前提
GASでGoogleカレンダーに終日イベントを追加するプログラムを作成し、
イベント作成自体はうまくいっているのですが、
作成された予定の「予定あり/予定なし」が「予定あり」になっています。

「予定なし」の終日イベントは作成可能でしょうか。

![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-04-15/ed465dbc-948b-430e-8622-acfb90bf49e1.png)

### 該当のソースコード

```Google Apps Script
function registerAllEvent() {
  const calendar = CalendarApp.getDefaultCalendar();
  const title = "終日イベント";
  const day = new Date("2023/04/14");
  calendar.createAllDayEvent(title, day);
}
```

### 試したこと
Googleカレンダーから通常の（GASを使わない）手順で
終日イベントを作成するとデフォルトの設定では「予定なし」になります。

公開範囲を設定するsetVisibility()メソッドではこの変更はできないようです。

GASのcreateAllDayEventで作成される終日イベントを「予定なし」にしたい

Google SpreadSheet のDATEVALUE関数のように
日付からシリアル値を出す方法を教えてください。

色んな記事を見たのですが時間込みでのシリアル変換をしていて、
2022/01/01の日付だけの変換例は見当たりませんでした。

よろしくお願いします。

```GAS
  var sheet = SpreadsheetApp.getActiveSpreadsheet().getActiveSheet();
  // 開始日の取得
    var dts = sheet.getRange(6,11).getValues();
    var dt = new Date(dts);
```

GASで、日付をシリアル値に変換する方法について

### 前提・実現したいこと

FullCalendarでgoogleCalendarを読み込んで、床屋さんの予約状況・定休日を表示しています。
その際、「予約不可」「定休日」「残りわずか」などを色分けして、ぱっと見でわかりやすくしたいと思いますが、イベントタイトルを判別して背景色を変更することは可能でしょうか。
イベント名を判別して個別にクラス名をつけたらいいのかと思い、調べて記述してみたんですが動作しません。
ご教授いただけると幸いです。

### 試してみたソースコード

```Java Script
eventRender: function (event, element) {
    element.addClass("fc-" + event.title.replace(/\s+/g, "_"));
}
```

### 現状の記述

<script src='/js/main.min.js'></script>
<script src='/js/ja.js'></script>
<script>
  document.addEventListener('DOMContentLoaded', function() {
    var calendarEl = document.getElementById('calendar');
    var calendar = new FullCalendar.Calendar(calendarEl, {
      dayCellContent: function(e) {
        e.dayNumberText = e.dayNumberText.replace('日', '');
      },
      initialView: 'timeGridWeek',
      nowIndicator: true,
      headerToolbar: {
        left: 'prev,next',
        center: 'title',
        right: 'dayGridMonth,timeGridWeek'
      },
      locale: 'ja',
      firstDay: 1,
      views: {
        timeGridWeek: {
          slotMinTime: '09:00:00',
          slotMaxTime: '20:00:00'
        }
      },
      height: 'auto',
      navLinks: false, // can click day/week names to navigate views
      selectable: false,
      selectMirror: false,
      dayMaxEvents: true, // allow "more" link when too many events
      displayEventTime: true, // don't show the time column in list view
      slotLabelFormat: {
        hour: 'numeric',
        minute: '2-digit',
        omitZeroMinute: false,
        meridiem: 'short'
      },
      googleCalendarApiKey: 'APIキー',
      events: 'カレンダーID',
      eventClick: function(arg) {
        // opens events in a popup window
        //window.open(arg.event.url, 'google-calendar-event', 'width=700,height=600');
        arg.jsEvent.preventDefault() // don't navigate in main tab
      },
      loading: function(bool) {
        document.getElementById('loading').style.display =
          bool ? 'block' : 'none';
      },
      eventRender: function (event, element) {
      	element.addClass("fc-" + event.title.replace(/\s+/g, "_"));
      }
    });
    calendar.render();
  });
</script>

### 補足情報（FW/ツールのバージョンなど）
FullCalendarのバージョンはv5.6.0です。

FullCalendarでイベント名ごとに背景色を変えたい

## やりたいこと
ReactでGoogle Calender APIを実装しようとしています。
こちらのサイトを参考にしました。
[JavaScriptでGoogle Calendar APIを実装する方法を現役エンジニアが解説【初心者向け】 \| TechAcademyマガジン](https://techacademy.jp/magazine/25405)
このサイトと同じように、画面に日本の祝日一覧をテキストで表示させたいです。
```App.js
import { Component } from 'react';
import * as React from 'react';

import './App.css';

require('https://apis.google.com/js/api.js')

function App() {
        
    const API_KEY = '/*自分のAPIキー*/'
    const CALENDAR_ID = 'ja.japanese#holiday@group.v.calendar.google.com';

    function start() {
      gapi.client.init({
        'apiKey': API_KEY,
      }).then(function() {
        return gapi.client.request({
          'path': 'https://www.googleapis.com/calendar/v3/calendars/' + encodeURIComponent(CALENDAR_ID) + '/events'
        })
      }).then(function(response) {
        let resultArea = document.getElementById('resultArea');
        let items = response.result.items;
        for(let i = 0; i < items.length; i++){
          resultArea.insertAdjacentHTML('beforeend', items[i].summary + items[i].start.date + '<br>');
        }
      }, function(reason) {
        console.log('Error: ' + reason.result.error.message);
      });
    };

    gapi.load('client', start);

    

  return (
    <div className="App">
      {<button onClick={() => gapi.load('client', start)}>Events</button> }
    </div>
  );
}

export default App;
```
## 困っていること
https://apis.google.com/js/api.js を読み込む必要があるのですが、うまく読み込めていないせいか
```エラー
'gapi' is not defined
```
というエラーが出ます。
## 試したこと
[React 外部ライブラリ読み込み方法 \- Qiita](https://qiita.com/syukan3/items/9daf01f3ff3ae107d66a)
上のコードの通り、require('https://apis.google.com/js/api.js') を追加してみましたが、変わりませんでした。

[Reactで、<script>でインポートするタイプのスクリプトをJSX内部で使う方法](https://teratail.com/questions/367580)
こちらにある通り、public/index.html内に<script src="https://apis.google.com/js/api.js"></script>を記述しましたが、変わりませんでした。
```index.html
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8" />
  <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <meta name="theme-color" content="#000000" />
  <meta name="description" content="Web site created using create-react-app" />
  <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
  
  <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
  
  <title>React App</title>

</head>

<body>
  <noscript>You need to enable JavaScript to run this app.</noscript>
  <div id="root"></div>
  
</body>

<script src="https://apis.google.com/js/api.js"></script>
</html>
```
プログラミング初心者です。至らないところが多々あると思いますが、お答えいただけると幸いです。よろしくお願いします。


Reactで外部のjsファイルを読み込めない

### 前提

Gpogleカレンダーの予定を１か月分LINEに送信したいと考えています。
１週間分をアレンジして１か月分を送信することは可能そうなのですが、
予定のない日も「〇月〇日」とでてしまい、文章が長くなってしまう状況です。
予定がある日だけまとめてピックアップして通知してもらえるようにしたいと考えています。

### 実現したいこと

１月１６日（月）
予定

１月２０日（金）
予定

### 発生している問題・エラーメッセージ

```
予定がない日も
１月２０日（金）
（空白）
と送信されてしまいます。
```

### 該当のソースコード

```ここに言語名を入力
function myFunction(){

  var startDate = new Date();
  var period = 31; // 予定を表示したい日数

  startDate.setDate(startDate.getDate() + 1);
  var schedule = getSchedule(startDate, period);
  var message = scheduleToMessage(schedule, startDate, period);

  sendToLINE(message);  
}

// Googleカレンダーから予定取得
function getSchedule(startDate, period){
  var calendarIDs = ['〇〇〇']; //カレンダーIDの配列。カレンダーを共有している場合、複数指定可。

  var schedule = new Array(calendarIDs.length);
  for(var i=0; i<schedule.length; i++){schedule[i] = new Array(period);}

  for(var iCalendar=0; iCalendar < calendarIDs.length; iCalendar++){
    var calendar = CalendarApp.getCalendarById(calendarIDs[iCalendar]);

    var date = new Date(startDate);
    for(var iDate=0; iDate < period; iDate++){
      schedule[iCalendar][iDate] = getDayEvents(calendar, date);
      date.setDate(date.getDate() + 1);
    }
  }

  return schedule;
}  

function getDayEvents(calendar, date){
  var dayEvents = "";
  var events = calendar.getEventsForDay(date);

  for(var iEvent = 0; iEvent < events.length; iEvent++){
    var event = events[iEvent];
    var title = event.getTitle();
    var startTime = _HHmm(event.getStartTime());
    var endTime = _HHmm(event.getEndTime());

    dayEvents = dayEvents + '・' + startTime + '-' + endTime + ' ' + title + '\n';
  }

  return dayEvents;
}

function scheduleToMessage(schedule, startDate, period){
  var now = new Date();
  var body = '\n1週間の夜や出張の予定です。ご迷惑をお掛けしますが、宜しくお願い致します。\n' 
    + '(' +_Md(now) + ' ' +_HHmm(now) + '時点)\n'
    + '--------------------\n';

  var date = new Date(startDate);
  for(var iDay=0; iDay < period; iDay++){
    body = body + _Md(date) + '(' + _JPdayOfWeek(date) + ')\n';

    for(var iCalendar=0; iCalendar < schedule.length; iCalendar++){
      body = body + schedule[iCalendar][iDay];
    }   

    date.setDate(date.getDate() + 1);
    body = body + '\n';
  }

  return body;
}

// LINE通知
function sendToLINE(message){
  var token = '〇〇〇'; //LINE Notifyのトークン
  var options =
      {
        "method": "post",
        "payload": "message=" + message,
        "headers": {"Authorization" : "Bearer "+ token}
      };

  UrlFetchApp.fetch("https://notify-api.line.me/api/notify", options);

}

// 日付指定の関数
function _HHmm(date){
  return Utilities.formatDate(date, 'JST', 'HH:mm');
}

function _Md(date){
  return Utilities.formatDate(date, 'JST', 'M/d');
}

function _JPdayOfWeek(date){
  // date = new Date()
  var dayStr = ['日', '月', '火', '水', '木', '金', '土'];
  var dayOfWeek = date.getDay();

  return dayStr[dayOfWeek];
}
```

### 試したこと

https://www.shanaidx.com/calendar_akijikan/
など空いている日を設定など、引いていけばよいのかと思いましたが、余計に複雑になりました。

### 補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。


Google カレンダー