GoogleスプレッドシートとBubbleを連携して、行が追加されたら自動でデータをBubbleに反映する方法

[Yoomとは]

今回の連携フローの手順は大きく分けて以下の通りです。

・GoogleスプレッドシートとBubbleをマイアプリ連携
・テンプレートをコピー
・トリガー、アクションの設定
・最後にトリガーが起動と確認

事前設定

1)まずはじめに、Yoomの公式サイトにアクセスし、アカウント作成をお願いします。
Yoomのアカウント発行ページ
2)Bubbleのアプリ登録にはアクセストークンが必要です。
事前にBubbleにログインし、「Settings > API」と進みAPI Tokenを取得してください。
サブドメインはアプリのURLから確認が可能です。例えば「https://yoom.bubbleapps.io」の場合、「yoom」がサブドメインです。
また、Bubbleで「Settings > API」と進み、「Public API endpoints」でWorkflow APIとData API、アクセスするData Typeにチェックを入れてAPIを有効化してください。

GoogleスプレッドシートとBubbleの連携フローの作り方

ステップ1：GoogleスプレッドシートとBubbleをマイアプリ連携

1)Yoomのアカウントにログインしたら、使用するアプリを登録してください。
「マイアプリ」をクリックし、「新規接続」を選択してください。

2)Yoomで接続できるアプリ一覧が表示され、一番上の検索窓から今回使用する2つのアプリ「Googleスプレッドシート」と「Bubble」を１つずつ検索します。

Googleスプレッドシートを選択できたら、Googleアカウントでログインしてください。

Bubbleはアカウント名と事前準備で取得したアクセストークンを入力し、「追加」をクリックします。

‍

3)登録ができるとマイアプリにアイコンが表示されます。
登録したアプリのアイコンが表示されているか確認してください。

ステップ2：テンプレートをコピー

こちらのバナーをクリックします。

1)「このテンプレートを試す」のアイコンをクリックします。

2) 以下のような表示が出てくるので、「OK」をクリックします。

以下のように表示されればコピーができています。

タイトルや詳細はクリックで編集可能ですので、適宜変更してください。
右に「！」が表示されているアイコンを上から順番にクリックし、オペレーションを設定します。
なお、このテンプレートはマイプロジェクトに保存されています。
そのためコピーしたテンプレートはマイプロジェクトからも開けます。

ステップ3：トリガーを設定

‍「アプリトリガー　行が更新されたら」をクリックします。

ステップ4：Googleスプレッドシートのアクションを設定

1) アクションは「行が追加されたら」を選択し、「次へ」をクリックします。

‍
2)  必須項目を入力します。
トリガーの起動間隔は契約プランによって変わります。
各プランの内容についてはこちらを参考にしてください。
各プランの機能制限や使用上限の一覧 | Yoomヘルプセンター (intercom.help)

スプレッドシートIDはアプリが連携出来ていると候補から選択できます。

入力が完了したら「テスト」をクリックし、テスト成功後「保存」をクリックします。

ステップ5：Bubbleのアクションを設定

1) フローに戻り、「アプリと連携する　Thingを作成」のアイコンをクリックします。

2) アクションは「Thingを作成」を選択して、「次へ」をクリックします。

3) 必須項目を入力します。

アプリが連携出来ているとGoogleスプレッドシートのアウトプット情報を活用して入力できます。

値など必要に応じて候補から選択し、入力が完了したら「保存」します。

これで【Googleスプレッドシートで行が追加されたらBubbleにレコードを追加する】というフローが完成です。

‍

ステップ6: テストと確認

設定が完了すると、以下のような表示が出てくるので、「トリガーをON」をクリックします。
フローボットを起動し、正しく作動するか確認してください。

‍

今回使用したテンプレートはこちら　

Bubbleを使ったその他の自動化例

他にもYoomには、Bubbleを使った自動化のテンプレートがあるのでご紹介します。

自動化を試みたい業務内容や現在利用しているアプリとの組み合わせに応じて、テンプレートを活用してください。

1.BubbleでThingが作成されたらGoogle Driveにフォルダを作成する
このテンプレートは、Bubbleで新しいThingを作成すると、自動的にGoogle Driveに専用のフォルダが作成できます。
例えば、プロジェクト管理チームが新しいThingを作成すると、関連資料やファイルを整理するためのフォルダが自動でGoogle Driveに生成され、チーム全体がすぐにアクセスできるようになります。
これにより、手動でのファイル管理が不要となり、業務の効率化とファイル整理の手間の削減が期待できます。

2.BubbleでThingが作成されたらGmailでメールを通知する
このテンプレートは、新しいThingを作成すると、自動的にGmailでメール通知の送信ができます。
例えば、営業部がBubbleでThingを作成すると、営業担当者に素早くメールが届き、重要な情報の見逃し防止が見込めます。
これにより、手動での通知が不要となり、スピーディーに情報共有ができるので、営業活動のスピードと効率の向上が期待できます。

3.Bubbleで登録された情報をNotionに追加する
このテンプレートは、Bubbleに登録した情報を、Notionに自動的に追加することができます。
例えば、マーケティング部が新しい顧客データをBubbleに入力すると、Notionに関連情報が自動で追加され、チーム全体で素早くにアクセスできます。
これにより、手動でのデータ転送が不要となり、情報共有の効率化とミスの防止が期待できます。

まとめ

このブログでは、GoogleスプレッドシートとBubbleを連携させ、新しい行が追加されたときに自動で情報を記録する方法について解説しました。
この連携によって、手動入力の手間を省き、素早くデータ同期を可能にすることで、データ管理の効率化と情報共有の迅速化が期待できます。
また、このような自動化は業務の効率を上げるだけでなく、タスク漏れを防ぎ、確実な情報管理にも役立ちます。データ連携を工夫することで、日々の作業のストレスを軽減し、生産性向上も見込めます。
さらに、ノーコードツールのYoomを活用することで、プログラミングの知識がなくても作業の効率化が可能です。
初心者でも簡単に設定できるため、ぜひこの機会に導入を検討してみてください。