SPIRALとBubbleの連携イメージ
アプリ同士の連携方法

2025-07-09

【簡単設定】SPIRALのデータをBubbleに自動的に連携する方法

t.aizawa

「SPIRALに登録した顧客情報を、Webアプリ開発のためにBubbleにも手入力している…」
「両方のデータベースで情報が異なってしまい、どちらが正しいかわからなくなることがある…」

このように、顧客管理DBであるSPIRALとノーコード開発ツールBubbleの間で、手作業によるデータ連携に手間や課題を感じていませんか?
もし、<span class="mark-yellow">SPIRALに新しいレコードが追加されたタイミングで、その情報を自動的にBubbleのデータベースにThingとして作成する仕組み</span>があれば、こうした日々の面倒な作業から解放され、入力ミスによるデータの不整合を防ぎ、より重要な業務に集中できる貴重な時間を生み出すことができます!

今回ご紹介する自動化の設定は、プログラミングの知識がなくても簡単に設定できるため、これまで自動化を諦めていた方でもすぐに実践可能です。
ぜひこの機会に導入し、日々の業務をもっと楽にしましょう!

とにかく早く試したい方へ

Yoomには<span class="mark-yellow">SPIRALとBubbleを連携するためのテンプレート</span>が用意されているので、今すぐ試したい方は以下よりバナーをクリックしてスタートしましょう!

[[214061]]

SPIRALとBubbleを連携してできること

SPIRALとBubbleのAPIを連携させることで、これまで手作業で行っていた二つのツール間のデータ入力を自動化できます。
例えば、SPIRALに登録された顧客情報をBubbleで開発したアプリケーションに自動で反映させるなど、様々な業務を効率化することが可能です。

ここでご紹介する自動化の例は、アカウント登録後すぐに試せるテンプレートとして用意されています。登録はわずか30秒で完了しますので、気になる内容があれば、ぜひクリックしてみてください!

SPIRALにレコードが追加されたら、BubbleにThingを作成する

SPIRALに新しい顧客情報や案件データなどのレコードが追加されるたびに、その内容を自動で読み取り、BubbleにThingとして作成する連携です。
この自動化により、<span class="mark-yellow">SPIRALからBubbleへの手作業によるデータ転記の手間を完全に排除し、入力ミスや転記漏れといったヒューマンエラーを防ぐ</span>ことで、常に正確なデータ連携を実現します。

[[214061]]

SPIRALで特定条件に合うレコードが追加されたら、BubbleにThingを作成する

SPIRALに追加されたレコードの中から、特定の条件に合致するものだけをBubbleにThingとして作成する、より高度な自動化です。
例えば「特定のステータスを持つ顧客」や「特定の商品に関する問い合わせ」といった条件でデータを絞り込むことで、<span class="mark-yellow">Bubble側には本当に必要な情報だけを連携し、手動での選別作業を不要にします。</span>
この連携は、特定の条件で処理を分ける分岐の仕組みを活用しています。

[[214062]]

SPIRALとBubbleの連携フローを作ってみよう

それでは、実際にSPIRALとBubbleを連携したフローを作成してみましょう。
今回は、専門的な知識がなくても業務の自動化を実現できるノーコードツール「Yoom」を使用して連携フローを構築していきますので、もしまだYoomのアカウントをお持ちでない場合は、こちらの登録フォームからアカウントを発行しておきましょう。

[Yoomとは]

フローの作成方法

今回は、大きく以下のプロセスで作成していきます。

  • SPIRALとBubbleをマイアプリに連携する
  • テンプレートをコピーする
  • アプリトリガーの設定
  • Bubbleと連携し、Thingを作成する
  • トリガーをONに設定しフロー稼働の準備完了
[[214061]]

ステップ1:SPIRALとBubbleマイアプリに連携する

まず、自動化に必要なSPIRALとBubbleをYoomに連携させるため「マイアプリ登録」を行います。
画面の指示に従って各サービスのアカウント情報を入力し、連携を許可するだけで、ツール間の連携が可能になりますよ!

(1)Yoomにログイン後、左欄にある「マイアプリ」を選択し「+新規接続」をクリックしてください。
マイアプリの新規接続一覧の中から、SPIRALをクリックします。

(2)SPIRALの新規登録画面から、アカウント名、アクセストークンを入力します。
APIエージェントの作成方法は下記のサイトをご参考ください。

APIエージェント管理

(3)次にBubbleの連携を行います。同様にYoomの新規接続一覧からBubbleをクリックします。
「Bubbleの新規登録」画面から、赤枠を確認の上、アカウント名、アクセストークン、サブドメインを入力し「追加」をクリックします。

連携が完了するとYoomのマイアプリにSPIRALとBubbleが登録されます。

これでマイアプリ登録が完了しました。
次は、テンプレートを使用してトリガーの設定をしましょう!

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

ここから、フローの作成に入ります!
Yoomのテンプレートを利用することで簡単に業務の自動化を実現できます。
まずは、下記テンプレートページを開き、『このテンプレートを試してみる』をクリックしましょう。

[[214061]]

コピーすると下の画像のようにテンプレートがお使いのYoom管理画面にコピーされるので、OKを押して設定を進めていきましょう!

ステップ3:アプリトリガーの設定

(1)SPIRALと連携して、レコードが作成された際の設定を行っていきましょう!
アプリトリガーの「レコードが作成されたら」をクリックします。

(2)SPIRALの「連携アカウントとアクションを選択」画面から、SPIRALと連携するアカウント情報に誤りがないかを確認し、トリガーアクションは「レコードが作成されたら」のままで「次へ」をクリックします。

(3)アプリトリガーのAPI接続設定」画面から、トリガーの起動間隔を選択します。
トリガーの起動間隔はプルダウンより5分、10分、15分、30分、60分の間隔から選択してください。
※起動間隔はプランによって異なりますので、ご注意ください。

料金プランについて | Yoomヘルプセンター

基本的には最短の起動間隔にしてお使いいただくことをおすすめします!
選択が終わったら「テスト」をクリックしましょう。

下へ進み、アプリID、データベースIDを候補から選択します。
入力が終わったら「テスト」をクリックしましょう!

「取得した値」にSPIRALの情報が反映されればテスト成功です。
※下の画像は取得した値は反映されていない状態です。
「取得した値ってなんだろう?」と思った方は下のサイトをご参照ください!

アウトプットについて

また、テストが成功しても自動で項目が表示されない場合は「+取得する値を追加」をクリックして回答データを取得しましょう。
回答内容の取得方法は、下記のサイトをご確認ください。

JSON PATHによる「取得した値」の追加

設定が完了したら「保存する」をクリックし、次の工程に進みましょう!

ステップ4:Bubbleと連携し、Thingを作成する

(1)次に、Bubbleと連携して、Thingを作成します!
「Thingを作成」をクリックします。

(2)Bubbleの「連携アカウントとアクションを選択」画面から、Bubbleと連携するアカウント情報に誤りがないかを確認し、アクションは「Thingを作成」のままで「次へ」をクリックします。

(3)「API接続設定」画面から、データタイプ名、フィールド名、値を入力します。
下の画像のように先ほど取得した値を使って入力をすることで、都度変更することなくSPIRALの情報を引用することができます!

下へ進み、プルダウンから検証環境もしくは本番環境にするかを選択します。

入力が終わったら「テスト」をクリックし、エラーが発生しなければ「保存する」をクリックします。

ステップ5:トリガーをONに設定しフロー稼働の準備完了

お疲れ様でした!これですべての設定が完了です。
設定が完了すると以下のようなメニューが表示されるので、トリガーをONにします。
実際にフローボットを起動して、SPIRALにレコードが追加されたら、BubbleにThingが作成されているか確認してみてくださいね!

BubbleのデータをSPIRALに連携したい場合

今回はSPIRALからBubbleへデータを連携する方法をご紹介しましたが、逆にBubbleからSPIRALへのデータ連携を実施したい場合もあるかと思います。
その際は、下記のテンプレートも併せてご利用ください!

BubbleにThingが作成されたら、SPIRALにレコードを追加する

Bubbleで開発したアプリケーション上で新しいデータ(Thing)が作成された際に、その情報を自動でSPIRALにレコードとして追加する連携です。
これにより、<span class="mark-yellow">アプリケーション側で発生したデータを顧客管理DBであるSPIRALにリアルタイムで反映させ、手動でのデータ移行作業をなくし</span>、情報の同期を常に保つことができます。

[[214063]]

Bubbleで特定条件に合うThingが作成されたら、SPIRALにレコードを追加する

Bubbleで作成されたThingの中から、特定の条件を満たすものだけを抽出し、SPIRALにレコードとして追加する自動化です。
例えば、Bubble上で「有料会員登録」が行われたThingのみをSPIRALの顧客リストに連携することで、<span class="mark-yellow">対応が必要な重要なデータだけをSPIRALに集約し、効率的な顧客管理やアプローチを実現します。</span>

[[214064]]

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

今回ご紹介した連携以外でも、BOXやSPIRALのAPIを活用してさまざまな業務を自動化することが可能です。
もし気になるものがあればぜひこちらもお試しになってみてください!

SPIRALを使った便利な自動化例

SPIRALに商品情報が登録されたらGoogle スプレッドシートやBASE、Shopifyに情報を自動登録できます。
また、TypeformやJotformでのフォームの回答をSPIRALに自動で登録することも可能です。

[[224327,104257,107666,178620,178623]]

Bubbleを使った便利な自動化例

フォームの情報をもとにBubbleに登録したり、定期的に自動でBubbleでThingを作成することができます。
また、BubbleのThingの情報をGoogle スプレッドシートに追加したり、Slackに通知することも可能です。

[[89427]]
[[118827]]
[[118784]]
[[220428]]
[[89119]]

まとめ

この記事では、SPIRALとBubbleを連携してデータ入力を自動化する方法についてご紹介しました。
この連携を実現することで、<span class="mark-yellow">これまで手作業で行っていたSPIRALとBubble間のデータ転記作業から解放され、入力ミスや転記漏れといったヒューマンエラーを未然に防ぐことが期待できます。</span>
これにより、担当者は常に正確な情報に基づいてスピーディーに業務を進められ、本来注力すべきコア業務に集中できる環境が整いやすくなるでしょう!

今回ご紹介したような業務自動化は、ノーコードツールの「Yoom」を活用することで、プログラミングの知識がない方でも、まるでブロックを組み合わせるかのような直感的な操作で簡単に構築できます。
もしSPIRALやBubbleに関連する業務の自動化に少しでも興味を持っていただけたなら、ぜひこちらから無料登録して、Yoomがもたらす業務効率化を体験してみてください!

この記事を書いた人
t.aizawa
皆さまの毎日のお仕事がもっと楽になりますように! Yoomを使った業務効率UP情報を発信していきます!
タグ
SPIRAL
Bubble
自動化
自動
連携
関連アプリ
アプリ連携
No items found.
Yoomのハイパーオートメーションとは?
従来のRPAでは単純な繰り返し作業しか自動化できず、その設定作業はとても複雑なものでした。
AI・API・RPA・OCRなど様々な技術を組み合わせた「ハイパーオートメーション」なら、これまでは実現できなかった多くの作業を、これまでよりも簡単に自動化することが可能です。
Yoomのハイパーオートメーションとは?
従来のRPAでは単純な繰り返し作業しか自動化できず、その設定作業はとても複雑なものでした。
AI・API・RPA・OCRなど様々な技術を組み合わせた「ハイパーオートメーション」なら、これまでは実現できなかった多くの作業を、これまでよりも簡単に自動化することが可能です。
Yoomについて詳しく見る
お役立ち資料
Yoomがわかる!資料3点セット
資料ダウンロード
3分でわかる!Yoomサービス紹介資料
資料ダウンロード
Before Afterでわかる!Yoom導入事例集
資料ダウンロード
お役立ち資料一覧を見る