BoxとYoomの連携イメージ
アプリ同士の連携方法

2025-07-23

【ノーコードで実現】ウェブサイトをPDFに変換して自動で保存する方法‍

s.ougitani

「Webページの情報を定期的にPDF化して保存するのが面倒…」
「手作業でスクリーンショットを撮って保存しているけど、抜け漏れやミスが多くて困る…」
このように、ウェブサイトの情報保存や共有に関する手作業に、手間や課題を感じていませんか?

もし、<span class="mark-yellow">指定したWebページを自動でPDFへ変換し、Boxのようなオンラインストレージに自動で保存できる仕組み</span>があれば、情報収集や報告資料作成の手間を大幅に削減できるでしょう!
本来注力すべき分析や企画業務に時間を使うことができます!
今回ご紹介する自動化の設定は、ノーコードで簡単に設定できて、手間や時間もかからないので、ぜひ自動化を導入して作業をもっと楽にしましょう!

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

Yoomには<span class="mark-yellow">WebページをPDFに変換する業務フロー自動化のテンプレート</span>が用意されているので、「まずは試してみたい!」という方は、以下のバナーをクリックして、すぐに自動化を体験してみましょう!

[[230582]]

WebページをPDF化して自動保存する方法

普段の業務で、Webページの情報をPDFとして保存する機会は多いですが、その都度手作業で行うのは手間がかかります。

ここでは、様々なトリガーをきっかけにWebページを自動でPDF化し、指定の場所に保存する方法を具体的なテンプレートで紹介します。
気になる内容があれば、ぜひクリックしてみてください!

フォームを起点にWebページをPDF化する

<span class="mark-yellow">フォームにURLが入力されたら、そのページを自動でPDFに変換し、Boxなどのストレージサービスに保存する</span>ことが可能です。

依頼されたページのPDF化などを効率化できます!

[[230582]]

スケジュールを起点にWebページをPDF化する

<span class="mark-yellow">指定した日時に特定のWebページを自動でPDF化し、Dropboxなどのストレージサービスに保存する</span>ことで、定期的なモニタリングやレポート用の情報収集を完全に自動化し、手作業による抜け漏れを防ぎます!

[[230558]]

データベースを起点にWebページをPDF化する

<span class="mark-yellow">Google スプレッドシートなどのデータベースに情報が追加されたことをトリガーに、関連するWebページを自動でPDF化し、Google Driveなどのストレージに保存できます。</span>

リストに基づいた情報収集作業の手間を大幅に削減できます!

[[230596]]

フォームで受信したURLをPDF化してBoxに保存するフローを作ってみよう

それではここから代表的な例として、Yoomの入力フォームでURLが送信されたら、そのWebページを自動でPDFに変換し、Boxの指定フォルダに保存するフローを解説していきます!
ここではYoomを使用してノーコードで設定をしていくので、もしまだYoomのアカウントをお持ちでない場合は、こちらの登録フォームからアカウントを発行しておきましょう。

[Yoomとは]

フローの作成方法

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

  • Boxのマイアプリ登録とブラウザ操作用アカウントの登録
  • テンプレートをコピー
  • フォームのトリガー設定とBoxへのアクション設定
  • トリガーをONにし、フローが起動するかを確認
[[230582]]

ステップ1: Boxのマイアプリ登録とブラウザ操作用アカウントの登録をしよう

下準備として、Yoomとアプリを連携する作業を行います。
まずはYoomにログインしましょう!

Boxのマイアプリ登録手順

ログイン後、画面左上のマイアプリを選択し、新規接続をクリックしてください。

アプリ一覧でBoxを選択しましょう。

Boxのログイン画面に移行したら、メールアドレスとパスワードを入力して、承認を選択します。

これでBoxのマイアプリ登録が完了です。

ブラウザ操作用アカウントの登録方法

今回ブラウザを操作するというアクションを行う際に必要ですので、登録します。
マイアプリを選択し、「ブラウザ操作用アカウント」→「新規接続」をクリックしてください。
※詳しくはこちらを参照してください。

サービス名サービス名・識別名は「任意の値」を入力します。
アカウント名は「Google Chromeのログインアカウント」、パスワードは「Google Chromeのパスワード」を入力してください。

これでブラウザ操作用アカウントの登録が完了です!

ステップ2:テンプレートをコピーしよう

ここでは、テンプレートを活用して、フローボットを作成していきます。
大枠が作成されているので、流れに沿って設定するだけで完成します。
一緒にフローボットを作ってみましょう!
それでは下のバナーをクリックしてください。

[[230582]]

「このテンプレートを試す」をクリックします。

「OK」をクリックします。

これでテンプレートのコピーができました!
コピーしたテンプレートはマイプロジェクトに保存されています。

ステップ3:フォームトリガーを設定しよう

次にフローボットの設定に進みましょう!
先ほどコピーしたテンプレートの「フォーム」をクリックしてください。

フォームを作成する画面に進みます。
こちらはあらかじめ設定ができていますが、タイトルを変更したい時は入力してください。

他の項目を追加したい場合は、「質問を追加」から質問を増やすことも可能です!
設定したら、次へをクリックしましょう。

フォームの表示確認と詳細設定では、実際にフォームに回答があったという想定で、サンプル値を設定します。
この取得した値(アウトプット)は後のフローで使用します。

設定できたら保存しましょう。

ステップ4:ブラウザを操作しよう

ブラウザを操作するアクションを設定する前に、まずはこちらにアクセスし、Chromeに追加」を選択してください。

拡張機能を追加をクリックしましょう。

Chromeの拡張機能の追加が完了したら、Chromeの管理画面に移動して、シークレットモードの実行を許可するのトグルをONにしてください。

Chromeの拡張機能の注意事項

ブラウザを操作するオペレーションはサクセスプランでのみご利用できます。
フリープラン・ミニプラン・チームプランの場合は設定しているフローボットのオペレーションはエラーとなります。
サクセスプランなどの有料プランは、2週間の無料トライアルを行うことが可能です。
無料トライアル中には制限対象のアプリやブラウザを操作するオペレーションを使用することができます。
ブラウザを操作するオペレーションの設定方法はこちらを確認してください。

ここまで設定したら、「ブラウザを操作する」をクリックしましょう。

ブラウザ操作の詳細設定に進みましょう。
ブラウザを操作するオペレーションは、利用したいWebサイトに合わせてカスタマイズしてください。
ここでは一例をご紹介していきます。

1.URLにアクセス

  • アクション名には、任意の値を入力します
  • 対象のURLは利用したいWebサイトのURLを入力してください

2.クリック

  • ブラウザ上でクリックのアクションが必要な場面で使用するオペレーションです。

3.フォームに情報を入力

  • アクション名には任意の値を入力します
  • 値にはフォームで取得した値から、「URL」を選択してください

4.クリック

クリックは先ほどと同様に、クリックが必要な場面なので、このアクションを設定しています。

5.待機

待機時間を設定すれば、設定した時間だけフローをストップさせることが可能になり、フォームの送信にかかる時間を待機させてエラーを防止することができます。

6.クリック

クリックが必要な場面なので、アクションを挟みます。

7.ファイルをダウンロード

  • アクション名とファイルの名称は、任意の値を入力してください。
  • 待機して実行は、ファイルのダウンロードにかかる時間を待機させてエラーを防止するために設定しています。

設定ができたらテストをクリックしましょう。

テストが成功して、PDF化できたら保存してください。

ステップ5:Boxのアクションを設定しよう

次に「ファイルをアップロード」をクリックしましょう。

連携アカウントとアクションを選択する画面は設定ができていますので、以下の点を確認して次へをクリックしましょう。

  • タイトルは編集OKです
  • Boxと連携するアカウント情報を確認します
  • アクションは「ファイルをアップロード」が選択されています

API接続設定を行いましょう。
ファイル名はフォームトリガーで取得した値を設定しておくと管理しやすいです。
詳しくはこちらをご確認ください。
最後に必ず「.pdf」と拡張子をつけるようにしてください。

格納先フォルダのコンテンツIDはBoxのURLを確認して、設定してください。
ファイルの添付方法は「取得したファイルを使用する」、ファイルは「ファイル」を選択してください。
設定したら、テストをクリックしましょう。

テストが成功し、Boxにファイルをアップロードできたら保存してください。

ステップ6:動作を確認しよう

最後にトリガーをONにして作成したフローボットが正常に動くか確認しておきましょう!

これでフローボットの設定ができました。

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

Yoomでは、Boxと連携したさまざまな自動化を簡単に実現できます。
ここでは、Boxを使った便利な自動化テンプレートをいくつかご紹介します。

例えばBoxへのファイルアップロードをトリガーに、Google スプレッドシートの更新やOCR読み取りによるデータ追加を実行します。これにより、ファイルの変更や内容を関係者に素早く共有し、データ入力・管理業務を効率化します。

[[149410,203490,199567,185772,148978]]

まとめ

WebページをPDF化して保存する一連の作業を自動化することで、<span class="mark-yellow">これまで手作業で行っていた情報収集やエビデンス保存の手間を削減し、ヒューマンエラーによる保存漏れを防ぐことができます。</span>

これにより、報告書作成や情報共有がスムーズになり、より付加価値の高い業務に集中できる時間を確保できます!

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

この記事を書いた人
s.ougitani
人材会社で営業とCAを約5年担当した後、エンジニアの採用を行っている会社で求人広告やスカウト文章の作成などのお仕事に携わってきました。 Yoomの「事務作業を自動化する」という画期的なサービスに魅力を感じています。 少しでも皆様のお役に立てる情報を発信できるように執筆していきたいです。
タグ
Box
連携
自動
自動化
RPA
関連アプリ
アプリ連携
No items found.
Yoomのハイパーオートメーションとは?
従来のRPAでは単純な繰り返し作業しか自動化できず、その設定作業はとても複雑なものでした。
AI・API・RPA・OCRなど様々な技術を組み合わせた「ハイパーオートメーション」なら、これまでは実現できなかった多くの作業を、これまでよりも簡単に自動化することが可能です。
Yoomのハイパーオートメーションとは?
従来のRPAでは単純な繰り返し作業しか自動化できず、その設定作業はとても複雑なものでした。
AI・API・RPA・OCRなど様々な技術を組み合わせた「ハイパーオートメーション」なら、これまでは実現できなかった多くの作業を、これまでよりも簡単に自動化することが可能です。
Yoomについて詳しく見る
お役立ち資料
Yoomがわかる!資料3点セット
資料ダウンロード
3分でわかる!Yoomサービス紹介資料
資料ダウンロード
Before Afterでわかる!Yoom導入事例集
資料ダウンロード
お役立ち資料一覧を見る
Yoomとは?
これまでは実現できなかった多くの作業を、これまでよりも簡単に自動化することが可能です。
詳しくみる
詳しくみる