概要Googleカレンダーと連携することで、予定を管理できます。ユーザーはBubbleアプリケーションを介してスケジュールを作成したり、予定を確認したりできます。今回はBubbleとGoogleカレンダーを連携して、スケジュール予約管理を実装する方法を解説します。Platformにアクセスし、プロジェクトを作成します。Platform(GCP)で利用登録するまずGCPにアクセスし「無料で使ってみる」をクリックします。利用するGoogleアカウントを選択しログインすると、以下のような画面が表示されます。利用規約にチェックを入れて「続行」をクリックしてください。お支払情報等を入力して、利用登録は完了です。GCPプロジェクトを作成する画面上部の「プロジェクト名」を選択すると、以下のような画像でプロジェクトの選択ウィンドウが表示されるので「新しいプロジェクト」をクリックします。プロジェクト名は任意の名前を入力してください。OAuth同意画面を設定する左メニュから「APIとサービス」→「OAuth同意画面」を開きます。Type「外部」を選択して「作成」をクリックします。最低限必要な項目を入力します。「スコープ」は設定不要の為「保存して次へ」をクリックします。「テストユーザー」には実装テストに利用するGoogleアカウントのアドレスを入力します。「概要」にて、OAuth同意画面の設定は完了です。認証情報を設定する左メニュから「認証情報」を開きます。「OAuthクライアントID」を選択します。URLを入力し「作成」ボタンをクリックします。シークレット」を取得します。Calendar」プラグインをインストールする。Calendar」を使用することにより、簡単にカレンダーエレメントが追加されます。Connector」にOAuth設定するGoogleカレンダーと連携する為に、APIコネクターを設定します。クライアントシークレットを入力します。プラグインの設定を参考にしてください。Gmailアドレスを入力します。ボタンをクリックしてReturn値を受け取り、SAVEボタンで保存します。公式APIドキュメントも参照ください。ボタンをクリックしてReturn値を受け取り、SAVEボタンで保存します。公式APIドキュメントも参照してください。Bubbleでスケジュール予約機能(Googleカレンダー)を実装する方法0.完成イメージ1.「Calendar」エレメントを設置する。Calendar」プラグインで追加されるCalendarエレメントを追加します。Events」の値を設定します。Calendar」をワークフローに設定します。out」アクションをワークフローに設定します。4.Googleイベント作成用エレメントを設置するGoogleカレンダー作成用エレメントを設置し、イベント作成に必要な情報を用意します。Event」をワークフロー設定します。