コラボフローとDropboxを連携して、コラボフローで申請が承認されたら申請書類のPDFをDropboxにアップロードする方法

ステップ1：コラボフローとDropboxをマイアプリ連携

Yoomの登録完了後、左側にあるメニューから「マイアプリ」を選択してください。

次に、右上の新規接続ボタンをクリックします。

コラボフローとYoomの連携

1.検索する

コラボフローのアイコンをクリックします。

2.必須項目の入力

各必須項目を入力していきましょう。
まずはアカウント名を設定します。これは任意のもので構いません。社名や担当者名などのわかりやすいものがおすすめです。

次にユーザーIDです。
コラボフローにログインする際のIDと同様になります。

最後にAPIキーの設定を行います。
コラボフローにログインしましょう。

画面上部右側の歯車マークを押し、システム管理エリアを選択します。

タブから環境設定をクリックしてください。

画面を下までスクロールし、REST APIのクライアント名を任意のものに設定し、APIキーを発行するを押しましょう。
発行されたAPIキーをコピーして、先ほどのYoomの画面に戻りボックス内へコピーします。‍

3.連携完了

全ての必須項目の設定が完了したら追加をクリックしてください。
画面が切り替わり、上記の表示がされれば連携完了です。

DropboxとYoomの連携

1.検索する

Dropboxのアイコンを選択してください。

2.ログインする

ログイン画面が表示されるため、Dropboxにログインしましょう。

3.許可する

その後、上記のような画面に移行します。
内容を確認し、「許可する」ボタンを押しましょう。

4.追加する

画面が切り替わり、上記の表示がされれば連携完了です。

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

次に、今回使用するテンプレートをコピーしてください。

1.上のバナーの「詳細を見る」をクリック
2.移行した画面下部の「このテンプレートを試してみる」をクリック
3.Yoomの登録がまだの場合は、登録を行う
※既に登録が完了している場合はログイン画面が表示されるので、ログインしましょう。

フローボットのテンプレートが「マイプロジェクト」にコピーされると、上記の表示がされます。

画像のようなページに移行するので、詳細な設定を行っていきましょう。

ステップ3：コラボフローを起動してファイルデータを取得する設定

1.マイプロジェクトを開く

画面左側のメニューから「マイプロジェクト」を開きましょう。

2.コピーしたテンプレートを開く
‍「【コピー】コラボフローで申請が承認されたら申請書類のPDFをDropboxにアップロードする」をクリックします。‍

3.アプリトリガーを選択

コラボフローのアイコンの「経路のWebhookを受信したら（Webhook起動）」をクリックします。
タイトルなどの設定は完了しているため、次へを押しましょう。‍

4.Webhookイベント受信設定

まずはWebhookイベント受信設定を行います。
詳しくは赤枠のコラボフロー内でのWebhookの設定方法をご確認ください。

5.テスト申請を行う
‍コラボフローでテスト用の申請を行います。

その後、赤枠のテストボタンをクリックしてください。

6.JSONPathによるアウトプットの取得

既に取得済みのアウトプットとは別に、申請ファイルをJSONPathを用いて取得します。
詳細はコラボフローの「添付ファイルのダウンロード」アクションの設定方法について内にある、2.JSONPathを用いて、ファイルIDを取得する項目をご確認ください。
ファイルのアウトプットが完了したら保存を押しましょう。

‍

続けて、コラボフローのファイルを取得する設定を行います。

1.アプリと連携する

コラボフローのアイコンの「添付ファイルをダウンロード」をクリックします。
タイトルなどの設定は完了しているため、次へを押しましょう。‍

2.必須項目の設定

まずはインスタンス名をボックス下部の補足通りに設定します。

次にファイルIDを挿入します。
先ほどJSONPathで取得したアウトプットを挿入しましょう。まずはボックスをクリックしてください。

赤枠を選択します。

コラボフローのデータが表示されるため、JSON PATHで取得したアウトプットをクリックして挿入しましょう。
※画像の場合、JSONPathで取得したアウトプット名を「ファイル」という名前に変換していますが、変換していない場合は「value」と表示されます。

‍

挿入できると画像のようになります。‍

3.テストの実行

設定が完了したらテストボタンを押してください。
テスト成功と表示が出たら完了です。保存をクリックします。

ステップ4: Dropboxにアップロードする設定

1.データベースを操作する

Dropboxのアイコンの「ファイルをアップロード」をクリックします。
次へをクリックしてください。‍

2.必須項目の設定

‍

各ボックスの入力をしていきます。

格納先のフォルダに希望がある場合はフォルダのパスを設定しましょう。

‍

ファイル名は必須項目となります。ボックス下部の補足通りに指定してください。‍

3.テストの実行

設定が完了したらテストボタンを押しましょう。
テスト成功と表示が出たら、設定は完了です。保存を押してください。‍

4.トリガーをONにする

フローボットの作成が完了すると、上記のような表示がされます。トリガーは初期設定ではOFFの状態なので、ONにしましょう。
以上でアプリ連携が完了です。

‍

今回使用したフローボットテンプレート
コラボフローで申請が承認されたら申請書類のPDFをDropboxにアップロードする

コラボフローを使ったその他の自動化例

他にコラボフローを使った自動化の例がYoomにはたくさんあるので、いくつか紹介します。

1.コラボフローで申請が承認されたらクラウドサインで契約書を送付する

承認後に自動で契約書を送付可能です。企業同士の契約はもちろん、採用にまつわる事務作業の負担軽減につながるでしょう。

2.コラボフローで申請が行われたらWrikeにタスクを追加する

申請した内容が承認後にタスクとして追加されるため、後工程をスムーズに始められるようになる可能性があります。

3.コラボフローで申請が承認されたらGmailでメールを送信する

申請が承認されたことを把握しやすくなるかもしれません。確認漏れを防ぐためにも有効でしょう。

‍

まとめ

コラボフローとDropboxの連携により、申請書類が承認後にそのままDropboxへアップロードされるようになります。ファイルが自動で格納されるため、アップロードのし忘れを防ぎやすくなるはずです。
また、ファイルが素早くアップロードされるようになれば、承認内容を確認したい他メンバーとの共有もスムーズに行いやすくなるでしょう。
自動化を導入することで業務効率を向上できる可能性があります。ぜひこの機会に、プログラミング不要でアプリ連携が可能なYoomをご活用ください。