BubbleとYoomの連携イメージ
【ノーコードで実現】BubbleのデータをもとにPDFを自動で生成する方法
Yoomを詳しくみる
この記事のテンプレートを試す
BubbleとYoomの連携イメージ
アプリ同士の連携方法

2025-11-19

【ノーコードで実現】BubbleのデータをもとにPDFを自動で生成する方法

Sachika Mikami

 Bubbleで開発したアプリケーション内のデータをもとに、請求書やレポートなどのPDF書類を作成する作業に、手間を感じていませんか?

顧客情報や注文データを一つひとつ手作業で転記して書類を作成するのは、時間がかかる上に、入力ミスといったヒューマンエラーの原因にもなりかねません。

もし、Bubbleデータベースへの新規データ作成をトリガーに、PDF書類を自動で発行できる仕組みを構築できれば、こうした定型業務から解放されることも可能です。

これにより、アプリケーションの改善やユーザーサポートといった、より創造的な業務に集中する時間を生み出せます!

今回ご紹介する自動例はノーコードで簡単に設定でき、手間や時間もかからないので、ぜひ導入して作業をもっと楽にしましょう!


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

YoomにはBubbleのデータをもとにPDFを自動発行する業務フロー自動化のテンプレートが用意されています。

「まずは試してみたい!」という方は、以下のバナーをクリックして、すぐに自動化を体験してみましょう!



■概要
Bubbleで開発したアプリケーション上でデータが作成されるたびに、手作業で見積書や請求書などのPDFを発行する業務に手間を感じていませんか。このワークフローを活用すれば、Bubbleで特定のデータ(Thing)が作成されたことをトリガーに、Googleドキュメントをテンプレートとして自動でPDFを生成(generator)できます。定型的な書類発行業務を自動化し、より重要な業務へ集中できる環境を構築します。

■このテンプレートをおすすめする方
・Bubbleで管理するデータを元に、PDF形式の書類発行を手作業で行っている方
・Bubbleと連携可能なPDF generatorを探しており、書類作成を自動化したい方
・ノーコードツールを活用して、開発工数をかけずに業務効率化を進めたい方

■注意事項
・Bubble、GoogleドキュメントのそれぞれとYoomを連携してください。
・Bubbleの内容を取得する方法は下記を参照ください。
 https://intercom.help/yoom/ja/articles/9103858


BubbleのデータからPDFを自動発行するフローを作ってみよう

それではここから代表的な例として、Bubbleで新しいThing(データ)が作成された際に、その情報をもとにPDFを自動で発行するフローを解説していきます!

ここではYoomを使用してノーコードで設定をしていくので、もしまだYoomのアカウントをお持ちでない場合は、こちらの登録フォームからアカウントを発行しておきましょう。

※今回連携するアプリの公式サイト:Bubble

[Yoomとは]


フローの作成方法

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

  • BubbleとGoogleドキュメントのマイアプリ連携
  • テンプレートをコピー
  • Bubbleのトリガー設定とGoogleドキュメントのアクション設定
  • トリガーをONにし、フローが起動するかを確認



■概要
Bubbleで開発したアプリケーション上でデータが作成されるたびに、手作業で見積書や請求書などのPDFを発行する業務に手間を感じていませんか。このワークフローを活用すれば、Bubbleで特定のデータ(Thing)が作成されたことをトリガーに、Googleドキュメントをテンプレートとして自動でPDFを生成(generator)できます。定型的な書類発行業務を自動化し、より重要な業務へ集中できる環境を構築します。

■このテンプレートをおすすめする方
・Bubbleで管理するデータを元に、PDF形式の書類発行を手作業で行っている方
・Bubbleと連携可能なPDF generatorを探しており、書類作成を自動化したい方
・ノーコードツールを活用して、開発工数をかけずに業務効率化を進めたい方

■注意事項
・Bubble、GoogleドキュメントのそれぞれとYoomを連携してください。
・Bubbleの内容を取得する方法は下記を参照ください。
 https://intercom.help/yoom/ja/articles/9103858


ステップ1:BubbleとGoogleドキュメントをマイアプリ連携

ここでは、Yoomとそれぞれのアプリを連携して、操作が行えるようにしていきます。
まずは基本的な設定方法を解説しているナビをご覧ください!
Googleドキュメントのマイアプリ連携は、ナビ内のGoogle スプレッドシートの連携方法を参考にしてください。

それではここから今回のフローで使用するアプリのマイアプリ登録方法を解説します。
※事前にYoomと使用するアプリにログインしてください。

Bubbleをマイアプリ連携

+新規接続ボタンをクリックすると、入力欄が表示されます。
Bubbleと入力し、表示されたアプリをクリックしましょう。

表示内容を確認し、アカウント名、アクセストークン、サブドメインを入力します。
入力できたら追加をクリックしましょう。
※Settingsは使用するプロジェクトのWeb appもしくはMobile app内で確認できます。

事前準備

1 Google Driveにフォルダを作成する
今回作成した書類はGoogle Driveのフォルダに保存します。
事前に書類を保存するためのGoogle Driveのフォルダを作成してください。

2 Googleドキュメントの雛形を作成する
今回ご紹介するテンプレートではGoogleドキュメントの雛形を利用してPDFを発行します。
テンプレートを利用する前にGoogleドキュメントの雛形を作成しましょう。
雛形の作成方法については以下のリンク先をご覧ください。

今回は以下の雛形を利用します。


ステップ2:該当のテンプレートをコピー

以下のバナーにある試してみるボタンをクリックしてください。



■概要
Bubbleで開発したアプリケーション上でデータが作成されるたびに、手作業で見積書や請求書などのPDFを発行する業務に手間を感じていませんか。このワークフローを活用すれば、Bubbleで特定のデータ(Thing)が作成されたことをトリガーに、Googleドキュメントをテンプレートとして自動でPDFを生成(generator)できます。定型的な書類発行業務を自動化し、より重要な業務へ集中できる環境を構築します。

■このテンプレートをおすすめする方
・Bubbleで管理するデータを元に、PDF形式の書類発行を手作業で行っている方
・Bubbleと連携可能なPDF generatorを探しており、書類作成を自動化したい方
・ノーコードツールを活用して、開発工数をかけずに業務効率化を進めたい方

■注意事項
・Bubble、GoogleドキュメントのそれぞれとYoomを連携してください。
・Bubbleの内容を取得する方法は下記を参照ください。
 https://intercom.help/yoom/ja/articles/9103858

テンプレートのコピーに成功すると、以下の画面が表示されますのでOKをクリックしましょう。
なお、コピーしたテンプレートはYoomのマイプロジェクトから確認できます。


ステップ3:BubbleにThingが作成された際の設定

Thingが作成されたらをクリックします。

連携するアカウント情報にはステップ1で連携したアカウントか、連携時に使用していたYoomのアカウントが表示されます。
アカウントを確認して問題なければ次へをクリックしてください。

トリガーの起動間隔を設定します。

  • トリガーの起動タイミングは、5分、10分、15分、30分、60分のいずれかで設定できます。
    ご利用プランによって、設定できるトリガーの最短間隔が違うので、その点は要チェックです。
    なお、基本的にはそのプランの最短の起動間隔にしてお使いいただくことをおすすめします。

Bubbleの画面に移動し、Thingを作成します。
今回ご紹介するテンプレートは、BubbleにThingが作成されたら起動します
そのため、実際にテストを行うにはBubbleにThingを作成する必要があるのです。
今回は以下のThingを作成しました。

Yoomの画面に戻り、データタイプ名を設定します。
Thingを作成したデータベース名を入力してください。
入力できたらテストをクリックします。

テストに成功するとテスト成功画面が表示されます。

次に、取得した値が表示されます。
取得した値は実行した結果が設定される動的な値として利用できるため、このあとの設定でも使用します。
詳しく知りたい方は以下のリンク先をご覧ください。

また、Bubbleのデータベースには自由に項目を設定できるため、特定の取得した値が設定されていません。
使用したい値が表示されていない場合は+取得する値を追加をクリックし値の追加を行いましょう。
値の追加方法について詳しく知りたい方は以下のリンク先をご覧ください。

値が追加できているのを確認したら、忘れずに完了をクリックしましょう。


ステップ4:Googleドキュメントを利用して書類を発行する設定

書類を発行するをクリックします。

連携するアカウント情報にはステップ1で連携したアカウントか、連携時に使用していたYoomのアカウントが表示されます。
アカウントを確認して問題なければ次へ進みます。

ドキュメントのファイルIDを設定します。
入力欄をクリックし、表示された候補の中から事前準備で作成した雛形を選択します。

格納先のGoogle DriveフォルダIDを設定します。
入力欄をクリックし、表示された候補の中から事前準備で作成したフォルダを選択してください。

ファイル名を設定します。
デフォルトで設定されていますが、自由に変更可能です。
以下のように取得した値を利用することもできます。
取得した値を活用することで、固定値ではなく、トリガーが実行されるたびに最新の情報が反映できます。
また、直接入力することも可能ですが、入力した値が固定値となりこのテンプレートを通して作成される全てのファイル名に反映されますのでご注意ください。
※取得した値が設定されていても、項目名のみが表示され値が入っていない場合は設定できていません。
削除し新しく取得した値を設定してください。

ここまで設定できたら次へをクリックします。

置換対象の文字列と置換後の文字列が表示されます。
雛形に設定した項目が表示されていない場合は、右上にある置換条件を再取得をクリックしてください。

置換条件を再取得をクリックすると、雛形に設定した項目が表示されます。
それぞれ入力欄をクリックし、取得した値から設定してください。

それぞれの項目に設定したい取得した値が表示されているのを確認したらテストをクリックしましょう。
※テストをクリックすると実際にファイルが作成されます。

テストに成功するとテスト成功画面と取得した値が表示されますのでご確認ください。
確認できたら完了をクリックしましょう。

また、Google Driveのフォルダ内にファイルが保存されています。

値が想定通りに置換されていることも確認しておきましょう。


ステップ5:トリガーをONにし、フローが起動するかを確認

先ほどのYoomの画面で完了をクリックすると以下の画面が表示されます。
トリガーをONをクリックしてください。

お疲れ様でした!ここまでで設定は完了です!
以上がBubbleで新しいThing(データ)が作成された際に、その情報をもとにPDFを自動で発行するフローでした!



Bubbleを活用したその他の自動化例


Yoomでは、Bubbleを活用した様々な自動化を実現できます。 ここでは、Bubbleに関連する他のテンプレートをいくつかご紹介します。
外部フォーム、Squareの注文、YouTube動画、Telegramの投稿、Google スプレッドシートのデータ、OCRで読み取ったファイルなど、様々な情報を自動でBubbleのThing(データ)として登録・更新ができます。
Bubbleに登録されたデータは、Notionへの連携やGoogle スプレッドシートの更新に活用され、データ作成時にはGoogle Chatへの通知も自動で行います。外部サービスからのデータ収集を自動化し、ノーコードアプリケーションのデータ管理と活用を劇的に効率化します。




Bubbleで登録された情報をNotionに追加するフローです。

Bubbleで新しくThingが作成されたら、Google Chatのスペースに通知するフローです。

■概要
「Googleフォームで送信されたファイルをOCRで読み取り、Bubbleに追加する」ワークフローは、Googleフォームを通じて送信されたファイルを自動的にOCR処理し、そのデータをBubbleに統合する業務ワークフローです。
手動でのデータ入力を省略し、効率的かつ正確なデータ管理を実現します。

■このテンプレートをおすすめする方
・Googleフォームで多数のファイルを収集し、手作業でのデータ処理に時間がかかっている方
・Bubbleを使用してアプリケーションを開発中で、自動データ連携を導入したい開発者
・OCR技術を活用して、画像やPDFからテキストデータを抽出し、業務効率化を図りたいビジネスユーザー
・複数のSaaSアプリ間でのデータ同期を自動化し、作業の手間を減らしたい企業担当者

■注意事項
・Googleフォーム、Google Drive、BubbleのそれぞれとYoomを連携してください。
・OCRのAIオペレーションはチームプラン・サクセスプランでのみご利用いただける機能となっております。フリープラン・ミニプランの場合は設定しているフローボットのオペレーションはエラーとなりますので、ご注意ください。
・チームプラン・サクセスプランなどの有料プランは、2週間の無料トライアルを行うことが可能です。無料トライアル中には制限対象のアプリや機能(オペレーション)を使用することができます。
・トリガーは5分、10分、15分、30分、60分の間隔で起動間隔を選択できます。
・プランによって最短の起動間隔が異なりますので、ご注意ください。
・Googleフォームをトリガーとして使用した際の回答内容を取得する方法は下記をご参照ください。
 https://intercom.help/yoom/ja/articles/6807133
・ダウンロード可能なファイル容量は最大300MBまでです。アプリの仕様によっては300MB未満になる可能性があるので、ご注意ください。
・トリガー、各オペレーションでの取り扱い可能なファイル容量の詳細は下記をご参照ください。
 https://intercom.help/yoom/ja/articles/9413924
・OCRデータは6,500文字以上のデータや文字が小さい場合などは読み取れない場合があるので、ご注意ください。

■概要
Squareで新規の注文が入るたびに、その注文内容を手作業でBubbleのデータベースに転記する作業は、時間もかかり入力ミスも起こりがちではないでしょうか。
このワークフローを活用することで、SquareとBubbleの連携を自動化できます。Squareで注文が作成されると、その情報が自動的にBubbleへ登録されるため、手作業による手間やヒューマンエラーといった課題の解消に繋がります。

■このテンプレートをおすすめする方
・Squareの注文情報を、Bubbleのデータベースに手動で登録している方
・SquareとBubbleを連携させ、注文情報の管理を自動化したいと考えている方
・ノーコードツールを活用し、リアルタイムでのデータ反映を効率的に実現したい方

■注意事項
・Square、BubbleのそれぞれとYoomを連携してください。

■概要
Telegramで受け取った情報を、都度Bubbleに手作業で反映する業務に手間を感じていませんか。この作業は時間がかかるだけでなく、コピー&ペーストのミスや更新漏れといったヒューマンエラーの原因にもなりがちです。このワークフローは、TelegramとBubbleを連携させ、特定のメッセージ受信をトリガーにBubbleのデータベースを自動で更新します。手作業による更新業務を効率化し、データの正確性を高めることが可能です。

■このテンプレートをおすすめする方
・TelegramとBubble間でのデータ連携を手作業で行い、非効率を感じている方
・Bubbleで開発したアプリケーションのデータベース管理を効率化したいと考えている方
・Telegramの情報をトリガーにして、様々な業務フローを自動化したい方

■注意事項
・Telegram、BubbleのそれぞれとYoomを連携してください。
・分岐はミニプラン以上のプランでご利用いただける機能(オペレーション)となっております。フリープランの場合は設定しているフローボットのオペレーションはエラーとなりますので、ご注意ください。
・ミニプランなどの有料プランは、2週間の無料トライアルを行うことが可能です。無料トライアル中には制限対象のアプリや機能(オペレーション)を使用することができます。

■概要
Bubbleで開発したアプリケーションのデータを、分析や共有のためにGoogle スプレッドシートで管理していませんか。Thingが更新されるたびに手作業でスプレッドシートを修正するのは、時間がかかるだけでなく更新漏れや入力ミスの原因にもなります。このワークフローを活用すれば、BubbleでThingが更新されるとGoogle スプレッドシートの該当データが自動で更新されるため、データ管理の手間を省き、正確性を保つことができます。

■このテンプレートをおすすめする方
・Bubbleで管理するデータを、分析等のためにGoogle スプレッドシートへ手動で転記している方
・BubbleとGoogle スプレッドシート間でのデータ不整合や、更新漏れなどのミスを防ぎたい方
・ノーコードツールを活用し、開発プロセス全体の効率化や自動化を目指している開発チームの方

■注意事項
・Bubble、Google スプレッドシートのそれぞれとYoomを連携してください。
・分岐はミニプラン以上のプランでご利用いただける機能(オペレーション)となっております。フリープランの場合は設定しているフローボットのオペレーションはエラーとなりますので、ご注意ください。
・ミニプランなどの有料プランは、2週間の無料トライアルを行うことが可能です。無料トライアル中には制限対象のアプリや機能(オペレーション)を使用することができます。
・トリガーは5分、10分、15分、30分、60分の間隔で起動間隔を選択できます。
・プランによって最短の起動間隔が異なりますので、ご注意ください。
• BubbleのアウトプットはJSONPathから取得可能です。取得方法は「『取得する値』を追加する方法」をご参照ください。
  https://intercom.help/yoom/ja/articles/9103858

■概要
ご自身のYouTubeチャンネルや、参考にしているチャンネルの最新動画情報を、ノーコードツールBubbleで管理しているものの、手作業での登録に手間を感じていませんか。新しい動画が公開されるたびに情報を転記するのは時間がかかり、登録漏れのリスクも伴います。
このワークフローは、指定したYouTubeチャンネルで最新動画が公開されると、自動でBubbleのデータベースに情報を追加するものであり、こうしたYouTubeとBubbleの連携に関する手作業を効率化します。

■このテンプレートをおすすめする方
・YouTubeの動画コンテンツ情報をBubbleで管理し、手動での更新作業を自動化したい方
・ノーコードツールBubbleとYouTubeを連携させたWebサービスやメディアを運営している方
・動画コンテンツのデータベース化を効率的に行いたいと考えているWeb担当者や開発者の方

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

入力フォームの情報を基にBubbleに自動で登録するフローです。

■概要
ノーコードツールBubbleでアプリケーションを開発・運用する中で、定期的にデータベースへThing(データ)を手動で作成する作業に手間を感じていませんか。この繰り返し作業は、対応漏れや入力ミスといったヒューマンエラーの原因にもなりかねません。このワークフローは、設定したスケジュールでBubbleにThingを自動作成することで、こうした定型業務の負担を軽減し、より重要な開発タスクに集中できる環境を整えます。

■このテンプレートをおすすめする方
・Bubbleのデータベースに対し、定期的に手動でThingを作成している方
・手作業によるデータ登録での対応忘れや、入力ミスをなくしたいと考えている方
・Bubble間の連携などを自動化し、アプリ開発・運用業務を効率化したい方

■注意事項
・BubbleとYoomを連携してください。
・トリガーは5分、10分、15分、30分、60分の間隔で起動間隔を選択できます。
・プランによって最短の起動間隔が異なりますので、ご注意ください。
・BubbleのアウトプットはJSONPathから取得可能です。取得方法は下記をご参照ください。
https://intercom.help/yoom/ja/articles/6807133

■概要
指定日時にGoogle スプレッドシートから指定条件でデータを抽出し、Bubbleに自動的に追加する業務ワークフローです。
データの一貫性を保ちながら効率的な業務運営が可能になります。

■このテンプレートをおすすめする方
・BubbleとGoogle スプレッドシートを連携してデータ管理を効率化したい方
・定期的にGoogle スプレッドシートのデータをBubbleに反映させたい開発者やチーム
・手動でのデータ移行に時間を取られているビジネスオーナーの方
・データの一貫性を保ちながら業務プロセスを自動化したい方
・Yoomを活用して業務ワークフローを最適化したいIT担当者の方

■注意事項
・Google スプレッドシート、BubbleのそれぞれとYoomを連携してください。
・「同じ処理を繰り返す」オペレーション間の操作は、チームプラン・サクセスプランでのみご利用いただける機能となっております。フリープラン・ミニプランの場合は設定しているフローボットのオペレーションやデータコネクトはエラーとなりますので、ご注意ください。
・チームプランやサクセスプランなどの有料プランは、2週間の無料トライアルを行うことが可能です。無料トライアル中には制限対象のアプリや機能(オペレーション)を使用することができます。




まとめ

BubbleとYoomを連携してPDF生成を自動化することで、これまで手作業で行っていた請求書やレポートなどの書類作成業務を効率化し、ヒューマンエラーを未然に防ぐことができます。

これにより、アプリケーションのコア機能開発やユーザーへの価値提供といった、より重要な業務に集中できる環境が整います!

今回ご紹介したような業務自動化を実現できるノーコードツール「Yoom」を使えば、プログラミングの知識がない方でも、直感的な操作で簡単に業務フローを構築可能です。
もし自動化に少しでも興味を持っていただけたなら、ぜひこちらの登録フォームから無料登録して、Yoomによる業務効率化を体験してみてください! 

よくあるご質問

Q:生成したPDFをメールで自動送信できますか?

A:

 はい、できます。
YoomではYoomのメール機能はもちろん、GmailやOutlookなどを利用できます。
フローボットの+をクリックし、使用したいメールアプリを選択・設定を行ってください。
※GmailやOutlookなどのメールアプリを新しく追加する場合はマイアプリ連携が必要です。

また、添付ファイルの設定を行う際は以下のように、取得した値を使用、発行した書類となるように設定してください。

Q:PDF生成に失敗した場合、どうなりますか?

A:

 生成に失敗した場合、フローボットが停止しYoomにご登録いただいているメールアドレスへ通知が届きます。通知メールには、エラーが起きている箇所や詳細のリンクが記載されておりますのでご確認ください。
また、再実行は自動で行われません。エラー修正後に手動で再実行してください。

ヘルプページで解決しない場合は、サポート窓口を利用することもできます。 

Q:条件によって出力するPDFを変えられますか?

A:

 はい、できます。
条件によって処理を分けるには分岐の追加が必要です。
分岐先によって出力するPDFを分けることで、別の雛形を利用した書類を作成できます。
分岐は先ほどと同様にフローボットの追加したい箇所にある+をクリックして設定を行ってください。
また、分岐はミニプラン以上でご利用いただけます。フリープランで利用するとエラーになってしまうのでご注意ください。分岐について詳しく知りたい方は以下のリンク先をご覧ください。

Yoomを使えば、今回ご紹介したような連携を
プログラミング知識なしで手軽に構築できます。
無料でYoomを試す
この記事を書いた人
Sachika Mikami
SaaS自動化プラットフォーム『Yoom』のオウンドメディアにて、業務効率化をテーマとした記事執筆を担当するWebライター。約3年にわたり多様な業界のコンテンツ制作に携わり、様々な現場の業務フローに触れてきた。その過程でSaaSツールによる業務自動化の重要性を実感し、現在はノーコードでの業務フロー改善やRPAを活用したSaaS連携といったテーマで記事執筆に取り組んでいる。自身の経験に基づき、非エンジニアの方にも業務効率化の具体的な手法とその価値が伝わるような情報発信を心がけている。
タグ
Bubble
連携
自動
自動化
関連アプリ
お役立ち資料
Yoomがわかる!資料3点セット
Yoomがわかる!資料3点セット
資料ダウンロード
3分でわかる!Yoomサービス紹介資料
3分でわかる!Yoomサービス紹介資料
資料ダウンロード
Before Afterでわかる!Yoom導入事例集
Before Afterでわかる!Yoom導入事例集
資料ダウンロード
お役立ち資料一覧を見る
詳しくみる