Zenn
✨

業務フローのI/FとしてZapier Chrome Extensionを利用する方法

2024/01/21に公開
Zapier
idea

はじめに

Zapier(Zap)のトリガーにはスケジュールや、Webhook、SaaSのイベントなど様々なタイプがありますが、Chrome Extension経由で実行する方法があります。
https://zapier.com/l/install-chrome-extension
以下にこのZapier Chrome Extensionの特徴と設定方法についてまとめます。

グッド

Chrome上からツールをスイッチすることなく処理を呼び出せるので、リクエストに応じて定期的に実行しているような作業に適していますし、文字列情報をパラメタとしてインプットできる点も使い勝手がよいです。

モット

現時点ではパラメタは単純な文字列のみのため、選択式のプルダウンや日付情報などが扱えるようになるとさらに使い勝手がよくなりそうです。
また、通常のZapの場合実際に呼び出されたデータを使ってテストができますが、Chrome Extensionの場合常にZapierが用意したダミーデータでしかテストできない点も改善が待たれます。

設定手順

シンプルなシナリオとしてZapierにユーザーを招待する Chrome Extensionを作ってみます。

  1. 新しくZapを作成し、トリガーに Zapier Chrome extension を選択します。
  2. Eventには New Push を選択します。
  3. 任意のパラメタを設定できます。わかりやすいようにemailとします。
  4. テストすると Sample Text for "email"がパラメタに設定されます。
  5. 続いて受け取ったメールアドレスをZapierに招待するアクションを設定します。アクションリストからZapier Managerを選択します。
  6. EventにはCreate Team Invitationを選択します。
  7. Invitee Emailにはパラメタとして受け取ったemailを指定し、招待先のTeamを選択します。
  8. なお、この段階ではパラメタに設定された値は Sample Text for "email"なので、Testは必ず失敗します。気にせずSkip testで次に進みます。
  9. これで招待は完了したのでこのままでも利用できますが、Chrome Extensionにレスポンスを返すこともできます。Zapier Chrome extensionアクションを追加しイベントにはReplay to Chromeを選択します。
  10. Message TitleとMessage Detailsにレスポンスの詳細を設定します。
  11. これで準備ができました、実際にZapier Chrome Extensionから招待してみます。Zapier Chrome Extensionをまだインストールしていない場合は以下からインストールしてログインします。
    https://chromewebstore.google.com/detail/zapier/ngghlnfmdgnpegcmbpgehkbhkhkbkjpj?pli=1
  12. 準備ができたらZapier Chrome Extensionを起動し、先程作ったZapを起動してメールアドレスを入力してSendをクリックします。
  13. 実行後しばらくすると先程設定したレスポンスが表示されます。

バリデーションを追加

続いてパラメタのバリデーション処理を入れていきます。

  1. 先程作ったZapで受け取ったemailをValidationするアクションを追加します。方法はいくつかあります。特定ドメインが指定されているかといったところまでチェックしたい場合には Code by Zapierを使う必要がありますが、今回はノーコードで実現するため、Formatを使います。
  2. EventにはTextを選択します。
  3. Transformには Extract Email Address を選択します。このアクションはInputで渡されたデータからメールアドレス形式のデータを抽出することできるためこれを利用します。
  4. Inputにはトリガーのemailを指定します。
  5. Testを実行すると以下の表示になります。前回もそうですが、基本的にTestで利用できるデータはZapierが用意したダミーデータのみでありメールアドレス形式ではないため必ずこうなります。
  6. そこで試しにInputに有効なメールアドレスを指定してテストすると、以下のようにそのメールアドレスがそのまま返されます。この値を使って処理を分岐させます。
  7. 次にZapの末尾に Paths by Zapier アクションを追加します。本当はフローの途中に入れたいのですがPathは最後にしか追加できないためやむなしです(後でステップを移動すれば結果は同じです)
  8. 追加するとPath AとPath Bが標準で追加されるのでまずはメールアドレスとして有効なパターンを設定していきます。
  9. Path Aの Path rulesをクリックして後続処理の条件を設定します。Only continue if...で先程のFormatで返却されたOutputを指定して Exists を選択します。
  10. 続いてActionですが予め生成されたActionは不要なため削除します。
  11. すでにZapierアカウントを招待しレスポンスを返すアクションは設定済みのためPath rulesの下にドラッグして移動させます。これでメールアドレスが有効なパターンが完成したのでPath Aの3点リーダーをクリックしてその旨コメントしておきます。
  12. 続いて Path B を設定していきます。Path rulesをクリックして先程とは逆に Outputに対して Does not existを条件に指定します。
  13. この場合のアクションとしてはChrome Extensionにエラーメッセージを返せばOKなので、予め配置されているアクションを選択してZapier Chrome extensionを選択します。
  14. Eventには Reply to Chrome を選択します。
  15. Actionで返したいメッセージを指定すればOKです。
  16. 最後にPath BをRenameして完成です。

まとめ

以上、Zapier Chrome Extensionの設定手順の紹介でした。
活用シーンとしては、例えば社内で利用するサービスに対するアカウント発行を行う業務があったとします。
この業務では申請が届いた時点で無条件で発行できるパターン、予実など他の情報と照合して確認するパターン、その他バリデーションを行うパターンなどが考えられます。
そのようなケースで申請内容をブラウザで参照し、人がチェックした上でそのままChrome Extensionで後続処理を呼び出すといった業務フローがノーコードで実現できます。

基本的にはZapierで設定可能なZapはすべて呼び出すことができるため、他にも様々なシーンで活用できると思います、参考になれば幸いです！

Discussion