zapierを使って、Gmailに届いたメールをslackに通知する

こんにちは。[virapture株式会社](https://virapture.com)でCEOしながら[ラグナロク株式会社](https://ragna-rock.com)でもCKOとして働いている[@mogmet](https://twitter.com/mogmet)です。
![mogmet.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/42234/5ec8d8e5-be59-008f-629c-b66549f297e0.jpeg)
最近スーツを着る機会が増えてきました。そのせいか中々アウトプットする時間がとれてません。

以前、下記のような記事を書きましたが、今回はGmailに届いたメールをSlackに通知するバージョンを紹介します。

https://qiita.com/mogmet/items/b719c3fba44662702a77

流れ的にはGmailでフィルタを設定してzapierにメール転送することでslack通知を実現しています。
それでは設定方法をご紹介してきます。

## メールボックスの作成

[Zapierの設定](https://qiita.com/mogmet/items/b719c3fba44662702a77#zapier%E3%81%AE%E8%A8%AD%E5%AE%9A)を元に、新しく通知するためのメールアドレスを生成します。
![CleanShot 2024-10-03 at 14.34.00@2x.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/42234/e835b709-feb0-68ff-cfcd-68b8cba1e05c.png)

## メール転送先の追加
先ほどzapierで作ったメールアドレスへGmailから転送できるようにします。
Gmailの設定から「転送とPOP/IMAP」タブにて、「Add a forwarding address」を押下します。
![CleanShot 2024-10-03 at 14.35.52@2x.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/42234/67d4227f-3987-6fb6-9bfd-0e4fdf50a4a1.png)

作ったzapierのメールアドレスを入力して追加します。
![CleanShot 2024-10-03 at 14.38.01@2x.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/42234/ed39ce92-d984-645a-6edf-aa3c82e55ead.png)

zapier側のメールボックスに確認メールが届くので、URLを踏んでおきます。
![CleanShot 2024-10-03 at 15.01.23@2x.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/42234/9f0fe087-4e62-b6c5-ce9d-99d46b330acf.png)

confirmを押しておきます。
![CleanShot 2024-10-03 at 15.03.01@2x.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/42234/a00cb8d0-8831-a179-17c3-dc55d0aae217.png)

## メール転送の設定

どういったメールを通知するかのフィルターを作成します。
今回はhoge@hoge.comに届いたメールをすべて転送します。

![CleanShot 2024-10-03 at 14.33.32@2x.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/42234/cfeb7edb-de22-704a-006e-20b169c278f8.png)

フィルタを作成を押した後に、「次のアドレスに転送する」にチェックを入れて先ほど設定したメールアドレスを選択し、フィルタを作成します。

![CleanShot 2024-10-04 at 05.41.56@2x.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/42234/76a3d435-cc20-a362-e1aa-7cdc2c4adbe1.png)

## zapirでslack通知

[zapierの設定](https://qiita.com/mogmet/items/b719c3fba44662702a77#zapier%E3%81%AE%E8%A8%AD%E5%AE%9A-1)でも紹介した通りに、zapierで届いたメールをslackに通知するように設定します。

ただし、そのままだとメールの返信のやり取りをしているととてもみづらい通知になってしまうので、少しだけ加工した形で通知するようにします。

Email Parserの後ろにStep追加で、「Code by zapier」を追加します。

![CleanShot 2024-10-04 at 05.48.11@2x.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/42234/c53d5539-449f-ff44-4207-845200e62417.png)

Action eventにRun Javascriptを選択してContinue
![CleanShot 2024-10-04 at 05.48.54@2x.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/42234/229cba3a-afa2-cd45-0639-6089f7cd368f.png)

bodyにEmail Body Plainを選択後、Codeに下記を入力します。
```js
const result = inputData.body.replace(/(>.*\r?\n>.*\r?\n)|(Original Message[\s\S]*)|(差出人: 会社名[\s\S]*)|(From: 会社名[\s\S]*)/gi, '');
output = [{bodyNoQuote: result}];
```
![CleanShot 2024-10-04 at 05.49.48@2x.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/42234/de21a92b-12c5-4f4c-80c8-bd3d4e2eb0a8.png)

こうすることで過去のメールの引用をガッツリ削除します。

変更が終わったらPublishしましょう。
これでGmailに届いたメールをslackに通知転送できます。

## まとめ

ZapierとGmailのメール転送をうまく使うことでメール通知することができました。
これでメールの見落としをなくして仕事を効率化していきましょう🔥

最後に、viraptureでは、チームビルディングや技術顧問、Firebaseの設計やアドバイスといったお話を受け付けてますので御用の方は弊社までお問い合わせください。

https://virapture.com/

お手軽に設計相談などしたいなら下記からでも可能です。

https://menta.work/user/20565

ラグナロクでもエンジニアやデザイナーのメンバーを募集しています！！楽しくぶち上げたい人はぜひお話ししましょう！！

https://ragna-rock.com

他にも[ワンナイト人狼オンライン](https://online.1nite-jinro.com/link/blog)というゲームや、URLをシェアするだけでチャットができる[Offcha](https://offcha.com/)、問い合わせ対応が簡単にできる[CSmart](https://csmart.jp/lp)、フリーランスのコミュニティの[NextFreelance](https://next-freelance.net/)といったサービスも作ってるのでよかったら使ってね！

https://online.1nite-jinro.com/link/blog

https://offcha.com/

https://csmart.jp/lp

https://next-freelance.net/