NEW 新たにAIワーカー機能が登場。あなただけのAI社員をつくろう! 詳しくはこちら
AIワーカー機能であなただけのAI社員をつくろう! 詳しくはこちら
BubbleとGmailの連携イメージ
BubbleでThingが作成されたらGmailでメールを通知する
Yoomを詳しくみる
この記事のフローボットを試す
BubbleとGmailの連携イメージ
Yoom活用術

2025-03-26

BubbleとGmailを連携して、BubbleでのThing作成をGmailに通知する方法

Suzuka Kumagai
Suzuka Kumagai

Bubbleはコードを書くことなくアプリケーションを作成できる便利なアプリです。プログラミングの知識がなくても、ドラッグ&ドロップで直感的な操作ができます。その中で、Bubbleで作成したThingの共有に時間を要している方は多いのではないでしょうか。BubbleとGmailの連携により、業務の効率化を図る方法を紹介します。ノーコードプラットフォームであるBubbleで新しいThingが作成された際に、Gmailで自動的に通知を受け取ることで、業務の迅速な対応が可能になります。この自動化は、特に業務管理や顧客対応を効率化したい方にとってとても便利だと思いますので、ぜひ最後までご覧ください!

こんな方におすすめ

  • 顧客情報やデータ入力をリアルタイムで管理したい企業担当者
  • 業務の手動管理でエラーや遅延が発生しており、自動化を検討している方
  • カスタマーサポートのリソースを効率化したいと考えているチームリーダー
  • 複数の業務プロセスを連携させ、作業効率を向上させたい企業の経営者

BubbleとGmailの連携メリットと具体例

メリット1: 迅速な業務対応の促進

Bubbleで新しい「Thing」が作成された際にGmailで通知を受け取ることによって、関連する業務担当者は即座に対応を開始できます。例えば、CRMシステムに顧客情報が追加された場合、その情報を担当者がリアルタイムで把握できるため、顧客対応やデータ入力の遅れがなくなります。従来、手動でシステムをチェックしていた場合に比べ、即時性が格段に向上します。このように、BubbleとGmailの連携は、迅速な対応を必要とする業務の効率化を実現し、無駄な時間の削減につながるかもしれません。

メリット2: エラーや遅延の削減

業務プロセスを手動で管理する場合、データ入力や通知の遅延が発生することがあります。例えば、注文管理システムで新しい注文が追加された際に、手動で通知を確認し、対応する必要がある場合、チェック漏れや遅延が起きることがあります。Bubbleで自動的にデータが「Thing」として作成され、その結果がGmailへ送信されることで、業務の漏れやミスが大幅に減少します。通知が自動化されるため、担当者は常に最新の情報に基づいて行動でき、エラーを防ぐことが期待できます。

メリット3: リソースの最適化と無駄の削減

業務が自動化され、通知が即座に届くことで、企業はリソースを最適に配分できます。例えば、カスタマーサポートチームがBubbleで顧客からの問い合わせやリクエストを管理している場合、問い合わせが「Thing」として作成された時点でGmailへ通知が送られます。これにより、サポート担当者はどの問い合わせに優先的に対応すべきかをすぐに認識でき、必要なリソースを効率的に投入できます。手動で確認作業をしていた時間を削減することで、スタッフが他の重要な業務に注力でき、業務全体の無駄を削減することが期待できます。

[Yoomとは]

BubbleとGmailの連携フローの作り方

今回のフローは大きく分けて4つのステップで進めていきます。

・BubbleとGmailをマイアプリ登録する
・テンプレートをコピーする
・起点となるBubbleでのThingの作成の設定と、後に続くGmailの通知設定
・トリガーをONにして、連携自動化を確認する

今回使用するテンプレートは以下となります。テンプレートを使用することで自動化連携がノーコードで行えます!


■概要
Bubbleでアプリケーションを開発・運用する中で、新しいデータ(Thing)が作成されるたびに手動で関係者に通知を送る作業は、手間がかかり見落としのリスクも伴います。特に迅速な情報共有が求められる場面では、この作業が大きな負担になることも少なくありません。このワークフローを活用すれば、BubbleでThingが作成されたことをトリガーに、Gmailから自動でメール通知を送信するフローを構築でき、通知業務の自動化を実現します。

■このテンプレートをおすすめする方
  • Bubbleで開発したアプリのデータ作成通知を自動化したいと考えている開発者の方
  • BubbleとGmailを連携させ、手作業でのメール連絡を効率化したいチームリーダーの方
  • ノーコードツールを活用して、日々の通知業務の抜け漏れを防ぎたいと考えている方

■このテンプレートを使うメリット
  • BubbleでThingが作成されると自動でGmailからメールが送信されるため、これまで手作業での通知作成に費やしていた時間を短縮できます。
  • 通知の送り忘れや宛先の間違いといったヒューマンエラーを防ぎ、関係者への確実な情報共有を実現します。

■フローボットの流れ
  1. はじめに、BubbleとGmailをYoomと連携します。
  2. 次に、トリガーでBubbleを選択し、「Thingが作成されたら」というアクションを設定します。
  3. 最後に、オペレーションでGmailの「メールを送る」アクションを設定し、通知したい内容を組み立てます。
※「トリガー」:フロー起動のきっかけとなるアクション、「オペレーション」:トリガー起動後、フロー内で処理を行うアクション

■このワークフローのカスタムポイント
  • Gmailの「メールを送る」オペレーションでは、通知したいメールの宛先(To, Cc, Bcc)や件名、本文の内容を任意で設定してください。

■注意事項
  • Bubble、GmailのそれぞれとYoomを連携してください。
  • トリガーは5分、10分、15分、30分、60分の間隔で起動間隔を選択できます。
  • プランによって最短の起動間隔が異なりますので、ご注意ください。

では詳しい流れを紹介していきます。

ステップ1:BubbleとGmailをマイアプリ連携

まず使用するBubbleとGmailをマイアプリへ登録しましょう。
マイアプリに登録しておくと、後の操作がスムーズです。

まずBubbleのマイアプリ連携を行います。
Yoomへログインし画面左側の「マイアプリ」→「新規接続」をクリックしましょう。

検索窓にBubbleと入力し、表示された候補をクリックします。

以下の画像のような画面が表示されるので必要事項を入力し、「追加」ボタンをクリックします。

マイアプリの画面に戻り、Bubbleが追加されていることを確認します。

続いてGmailのマイアプリ登録を行います。
先ほど同様、「新規接続」をクリックします。

検索窓が表示されるので、Gmailと入力し表示された項目をクリックします。

サインインの画面が表示されるので、画面表示に従ってサインインを行いましょう。

※認証時にGmailへの権限を全て許可する必要があります。


認証を進めると再びYoomの画面に戻り、マイアプリにGmailが表示されています。

以上で今回使用するアプリのマイアプリ登録は完了です。

ステップ2:テンプレートをコピーする

今回使用するテンプレートをコピーします。下記のテンプレートの「このテンプレートを試してみる」のアイコンをクリックします。


■概要
Bubbleでアプリケーションを開発・運用する中で、新しいデータ(Thing)が作成されるたびに手動で関係者に通知を送る作業は、手間がかかり見落としのリスクも伴います。特に迅速な情報共有が求められる場面では、この作業が大きな負担になることも少なくありません。このワークフローを活用すれば、BubbleでThingが作成されたことをトリガーに、Gmailから自動でメール通知を送信するフローを構築でき、通知業務の自動化を実現します。

■このテンプレートをおすすめする方
  • Bubbleで開発したアプリのデータ作成通知を自動化したいと考えている開発者の方
  • BubbleとGmailを連携させ、手作業でのメール連絡を効率化したいチームリーダーの方
  • ノーコードツールを活用して、日々の通知業務の抜け漏れを防ぎたいと考えている方

■このテンプレートを使うメリット
  • BubbleでThingが作成されると自動でGmailからメールが送信されるため、これまで手作業での通知作成に費やしていた時間を短縮できます。
  • 通知の送り忘れや宛先の間違いといったヒューマンエラーを防ぎ、関係者への確実な情報共有を実現します。

■フローボットの流れ
  1. はじめに、BubbleとGmailをYoomと連携します。
  2. 次に、トリガーでBubbleを選択し、「Thingが作成されたら」というアクションを設定します。
  3. 最後に、オペレーションでGmailの「メールを送る」アクションを設定し、通知したい内容を組み立てます。
※「トリガー」:フロー起動のきっかけとなるアクション、「オペレーション」:トリガー起動後、フロー内で処理を行うアクション

■このワークフローのカスタムポイント
  • Gmailの「メールを送る」オペレーションでは、通知したいメールの宛先(To, Cc, Bcc)や件名、本文の内容を任意で設定してください。

■注意事項
  • Bubble、GmailのそれぞれとYoomを連携してください。
  • トリガーは5分、10分、15分、30分、60分の間隔で起動間隔を選択できます。
  • プランによって最短の起動間隔が異なりますので、ご注意ください。

コピーが完了すると以下の画面が表示されるので、「OK」をクリックしましょう。

ステップ3:起点となるBubbleでのThingの作成の設定と、後に続くGmailの通知設定

いよいよ、Yoomのフローボットの操作に移っていきます。

赤枠内の「Thingが作成されたら」をクリックしましょう。

以下の画面が表示されるので、連携したBubbleのアカウントと相違ないかを確認します。
間違いなければ「次へ」をクリックしましょう。

アプリトリガーのAPI接続設定が表示されます。内容に従って入力を進め、入力が完了したら「テスト」をクリックし、
「テスト成功」を確認した後に「保存する」をクリックします。

続いてGmailの設定です。
以下画像の赤枠内をクリックします。

メールの設定の画面が表示されるので、Gmailのアカウントが間違いないかを確認します。


下へスクロールすると、実際にGmailに送信されるメールの内容を設定できます。
本文をクリックすると「アウトプット」が表示されるので、必要事項を入力しましょう。
今回は例としてTingの「作成日時」を追加しています。


設定が完了したら「次へ」をクリックします。

__wf_reserved_inherit


入力が完了したら「テスト」をクリックし、「テスト成功」と表示されたら「保存する」をクリックしましょう。

これでアプリの設定は完了です。

ステップ4:トリガーをONにして、連携自動化を確認する

以下の画面の赤枠部分「トリガーをON」をクリックすることで、フローボットが自動で起動します。

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


■概要
Bubbleでアプリケーションを開発・運用する中で、新しいデータ(Thing)が作成されるたびに手動で関係者に通知を送る作業は、手間がかかり見落としのリスクも伴います。特に迅速な情報共有が求められる場面では、この作業が大きな負担になることも少なくありません。このワークフローを活用すれば、BubbleでThingが作成されたことをトリガーに、Gmailから自動でメール通知を送信するフローを構築でき、通知業務の自動化を実現します。

■このテンプレートをおすすめする方
  • Bubbleで開発したアプリのデータ作成通知を自動化したいと考えている開発者の方
  • BubbleとGmailを連携させ、手作業でのメール連絡を効率化したいチームリーダーの方
  • ノーコードツールを活用して、日々の通知業務の抜け漏れを防ぎたいと考えている方

■このテンプレートを使うメリット
  • BubbleでThingが作成されると自動でGmailからメールが送信されるため、これまで手作業での通知作成に費やしていた時間を短縮できます。
  • 通知の送り忘れや宛先の間違いといったヒューマンエラーを防ぎ、関係者への確実な情報共有を実現します。

■フローボットの流れ
  1. はじめに、BubbleとGmailをYoomと連携します。
  2. 次に、トリガーでBubbleを選択し、「Thingが作成されたら」というアクションを設定します。
  3. 最後に、オペレーションでGmailの「メールを送る」アクションを設定し、通知したい内容を組み立てます。
※「トリガー」:フロー起動のきっかけとなるアクション、「オペレーション」:トリガー起動後、フロー内で処理を行うアクション

■このワークフローのカスタムポイント
  • Gmailの「メールを送る」オペレーションでは、通知したいメールの宛先(To, Cc, Bcc)や件名、本文の内容を任意で設定してください。

■注意事項
  • Bubble、GmailのそれぞれとYoomを連携してください。
  • トリガーは5分、10分、15分、30分、60分の間隔で起動間隔を選択できます。
  • プランによって最短の起動間隔が異なりますので、ご注意ください。

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

ほかにもBubble・Gmailを使ったテンプレートをいくつか紹介します。

①Googleフォームで回答された内容をBubbleに登録する

Googleフォームで回答された内容をBubbleに登録するフローです。このテンプレートを活用することで、Googleフォームの回答内容からBubbleのThingを自動作成できます。データの自動反映によって、スムーズな情報共有が可能になり、迅速なフォローアップにつながります。また、自動同期により、入力ミスや登録漏れを防ぐことにもつながるかもしれません。


■概要
Googleフォームで集めた回答を、Bubbleで開発したアプリケーションのデータベースに手作業で転記する作業に時間を取られていませんか?単純な作業でありながら、対応が遅れると顧客へのアプローチも遅延してしまいます。このワークフローを活用すれば、Googleフォームに新しい回答が送信されると、自動でBubbleにデータが登録されるため、こうした入力の手間やタイムラグといった課題を削減できます。

■このテンプレートをおすすめする方
  • GoogleフォームとBubbleを利用し、手作業でのデータ連携に課題を感じている方
  • ノーコードで開発したアプリへのデータ登録を自動化し、運用を効率化したい方
  • 問い合わせや申し込みへの対応速度を改善したいと考えている事業担当者の方

■このテンプレートを使うメリット
  • Googleフォームに回答があるたびに自動でBubbleへデータが登録されるため、これまで手作業に費やしていた時間を短縮できます。
  • 手作業による転記が減るため、入力間違いや登録漏れといったヒューマンエラーの発生を防ぎ、データの正確性を保ちます。

■フローボットの流れ
  1. はじめに、GoogleフォームとBubbleをYoomと連携します。
  2. 次に、トリガーでGoogleフォームを選択し、「フォームに回答が送信されたら」というアクションを設定します。
  3. 最後に、オペレーションでBubbleの「Thingを作成」アクションを設定し、フォームの回答内容がBubbleのデータベースに登録されるように設定します。
※「トリガー」:フロー起動のきっかけとなるアクション、「オペレーション」:トリガー起動後、フロー内で処理を行うアクション

■このワークフローのカスタムポイント
  • Googleフォームのトリガー設定では、自動化の対象としたいフォームを任意で選択することが可能です。
  • Bubbleへのデータ登録のオペレーションでは、フォームのどの回答項目を、Bubbleのどのデータフィールドに連携するかを自由に設定できます。

■注意事項
  • Googleフォーム、BubbleのそれぞれとYoomを連携してください。
  • トリガーは5分、10分、15分、30分、60分の間隔で起動間隔を選択できます。
  • プランによって最短の起動間隔が異なりますので、ご注意ください。
  • Googleフォームをトリガーとして使用した際の回答内容を取得する方法は「Googleフォームトリガーで、回答内容を取得する方法」を参照ください。

②Google スプレッドシートで行が追加されたら、Bubbleに追加する

Google スプレッドシートで行が追加されたら、Bubbleに追加するフローです。テンプレートを活用すると、Google スプレッドシートに新しい情報が登録された際、BubbleのThingを自動作成できます。データが自動で反映されるため、スムーズな情報共有が可能になり、アプリ開発やWeb制作の担当者は情報の転記の効率化が期待できます。


■概要
Google スプレッドシートで管理している情報を、Bubbleで開発したアプリケーションに手作業で入力していませんか?手動でのデータ転記は時間がかかるだけでなく、コピー&ペーストのミスや更新漏れといったヒューマンエラーの原因にもなります。このワークフローを活用すれば、Google スプレッドシートに行が追加されるだけで、自動的にBubbleのデータベースへデータが追加されるため、こうした手間やミスを削減し、データ管理を効率化できます。

■このテンプレートをおすすめする方
  • Google スプレッドシートとBubbleを連携させ、データ管理を効率化したい方
  • 手作業でのデータ転記による入力ミスや対応漏れなどの課題を削減したい方
  • スムーズなデータ同期を実現し、業務のスピードを向上させたいと考えている方

■このテンプレートを使うメリット
  • Google スプレッドシートへの行追加をトリガーに、自動でBubbleにデータが作成されるため、これまで手作業での転記に費やしていた時間を短縮できます。
  • 手作業でのデータ転記が減ることで、入力間違いや更新漏れといったヒューマンエラーを防ぎ、データの正確性を保つことに繋がります。

■フローボットの流れ
  1. はじめに、Google スプレッドシートとBubbleをYoomと連携します。
  2. 次に、トリガーでGoogle スプレッドシートを選択し、「行が追加されたら」というアクションを設定し、対象のスプレッドシートとシートを指定します。
  3. 最後に、オペレーションでBubbleを選択し、「Thingを作成」アクションを設定します。スプレッドシートから取得したどのデータをBubbleのどの項目に追加するかを設定します。
※「トリガー」:フロー起動のきっかけとなるアクション、「オペレーション」:トリガー起動後、フロー内で処理を行うアクション

■このワークフローのカスタムポイント
  • Google スプレッドシートのトリガー設定では、連携の起点としたいスプレッドシートやシートを任意で設定してください。
  • Bubbleへデータを追加する際に、スプレッドシートのどの列の情報を、Bubbleのどの項目に連携するかを任意で設定できます。

■注意事項
  • Google スプレッドシート、BubbleのそれぞれとYoomを連携してください。
  • トリガーは5分、10分、15分、30分、60分の間隔で起動間隔を選択できます。
  • プランによって最短の起動間隔が異なりますので、ご注意ください。
  • Googleスプレッドシートをアプリトリガーとして使用する際の注意事項は「【アプリトリガー】Googleスプレッドシートのトリガーにおける注意事項」を参照してください。

③Google Workspaceで従業員が登録されたら入社案内を従業員にGmailで通知する

Google Workspaceで従業員が登録されたら入社案内を従業員にGmailで通知するフローです。このテンプレートを使用することで、業務プロセスの効率化です。新入社員の登録と同時に自動的にメールが送信されるため、人事担当者が一つ一つ手動でメールを送信する手間を削減できます。メールの送信が自動化されることで、通知漏れが防げるのも大きな利点です。どの従業員にも確実に情報が伝わるため、入社初日からスムーズなスタートが期待できます。


■概要

Garoonでカレンダーに予定が登録されたら参加者にGmailでメールを送信するフローです。

Yoomではプログラミング不要でアプリ間の連携ができるため、簡単にこのフローを実現することができます。

■このテンプレートをおすすめする方

1. Garoonをスケジュール管理に利用している方

・カレンダーに追加された予定をスピーディーに把握したい方

・参加者への連絡作業を手間に感じている方


2. Gmailを使った情報共有を行っている方

・参加する予定の詳細をGmailで受け取りたい方

■このテンプレートを使うメリット

Garoonのカレンダー機能は、チームや部署全体のスケジュール管理に役立ちます。しかし、予定をGaroonで頻繁に確認していると、他の業務に集中できない恐れがあります。

このフローを導入することで、Garoonのカレンダーに予定が登録された際、参加者にGmailで自動通知できます。チームメンバーは参加する予定の情報をすぐ受け取れるため、こまめにGaroonをチェックする必要がありません。また、自動通知により情報共有がスムーズになり、転記ミスや連絡漏れの発生を抑えることができます。

■注意事項

・Garoon、GmailのそれぞれとYoomを連携してください。

・トリガーは5分、10分、15分、30分、60分の間隔で起動間隔を選択できます。

 ・プランによって最短の起動間隔が異なりますので、ご注意ください。

まとめ

このBubbleとGmailの連携により、業務の効率化と迅速な対応が可能になります。自動化された通知システムは、エラーや遅延を削減し、リソースの最適化を実現します。これにより、企業は業務プロセスをより効率的に管理でき、スタッフは重要な業務に集中することができます。
BubbleとGmailの連携を活用して、業務の改善をおこなってみてくださいね!

Yoomを使えば、今回ご紹介したような連携を
プログラミング知識なしで手軽に構築できます。
無料でYoomを試す
この記事を書いた人
Suzuka Kumagai
Suzuka Kumagai
Webマーケティング会社で3年ほどカスタマーサポートとして働いておりました。顧客情報や社内のデータ管理に時間を費やし、頭を抱えていたところYoomと出会いました。プログラミングの知識がなくても簡単に使えるYoomにもっと早く出会えていれば…と日々強く感じております。同じように業務の効率化に悩みを持つ方の助けになれば幸いです!
タグ
Bubble
関連アプリ
お役立ち資料
Yoomがわかる!資料3点セット
Yoomがわかる!資料3点セット
資料ダウンロード
3分でわかる!Yoomサービス紹介資料
3分でわかる!Yoomサービス紹介資料
資料ダウンロード
Before Afterでわかる!Yoom導入事例集
Before Afterでわかる!Yoom導入事例集
資料ダウンロード
お役立ち資料一覧を見る
詳しくみる