Integromatを使用してTwitterでふぁぼした画像付きツイートの画像を自動保存する

# IFTTTでは画像が2枚以上あるときに保存できなかったから新しい方法を考えてみた
最初はIFTTTでの実装を考えていたが、IFTTTで画像リンクを取得する場合、【FirstLinkUrl】という変数を使うことで色々試した結果複数画像が埋め込まれたツイートの画像は取得できないという悲しい現実にぶち当たった。

で、なんとかできないものかなーと試行錯誤していたところIntegromatを使用することで解決できそうな気がしたので備忘として記事を残しておく。


# Integromatってなに？IFTTTとの違い
[最強連携サービス「Integromat」がZapier/IFTTTをあっさり超えるラスボス感](https://awe-some.net/2016/10/integromat/)
に細かいことは書いてありますが、IFTTTよりもプログラマ向けに細かい設定ができるものですね。

ただ、日本語の文献が全くないし、YoutubeのTutolial見てもよくわからないことも多いのでIFTTTやZiperと比較すると学習コスト高めです。

# 実装イメージ図
今回の目的のゴールとして、お気に入りした画像をAmazon Driveに保存するまでをゴールとしてます。
しかし、残念ながらIntegromatはまだAmazon Driveをサポートしていないため、最後Amazon Driveに移動するところだけはIFTTTに頼ることにしました。

<img width="598" alt="2018-02-11_08h34_52.jpg" src="https://qiita-image-store.s3.amazonaws.com/0/91670/1c87ff43-0c3f-74d9-5b67-ad75c5e886be.jpeg">

Integromatを使用してGoogle Photoまでアップロードし、アップロードをトリガーにIFTTT側でAmazon Driveにアップロードする方式です。IFTTTの実装方式についてはこちらには記載しませんので、他のサイトをご参照下さい。

# Integromat実装方法
最終的にはこんな感じになります。細かい個々の設定は下記参照。

<img width="723" alt="2018-02-11_09h12_11.jpg" src="https://qiita-image-store.s3.amazonaws.com/0/91670/1f84cd98-ec23-51b2-f187-3b505344ef21.jpeg">

## Twitter TRIGGER設定
+ TwitterのTRIGGERは「 **Watch Favorite Tweets** 」にする
+ Maximum number of downloaded tweetsはどのくらいがいいかわからないので一旦**100**にしてる

<img width="469" alt="2018-02-11_08h39_03.jpg" src="https://qiita-image-store.s3.amazonaws.com/0/91670/9a1575da-bca4-b6d5-3445-9c15fdb115a4.jpeg">

 
## Iterator設定
たぶんここが大事。複数画像の時に全部の画像URLを抽出するためにArray情報を抽出する。

+ TwitterのTRIGGERとIteratorをつなぎ関連性を作る
+ images[] 配下の「images[]: File name」と「images[]: Data」を4つ分登録する
+ Arrayの配列番号は、選択後にオンマウスで数字を変えれるので、それで4つ分の配列を登録する

<img width="728" alt="2018-02-11_08h44_45.jpg" src="https://qiita-image-store.s3.amazonaws.com/0/91670/05be846f-2dab-13d1-b654-75fd2cb29d38.jpeg">

<img width="744" alt="2018-02-11_08h44_54.jpg" src="https://qiita-image-store.s3.amazonaws.com/0/91670/9d749be3-3d52-ead0-92ed-3eef4016abbf.jpeg">

<img width="667" alt="2018-02-11_08h45_15.jpg" src="https://qiita-image-store.s3.amazonaws.com/0/91670/34ac4d10-7041-9a29-b699-66ac9cb47bbe.jpeg">

<img width="313" alt="2018-02-11_08h45_22.jpg" src="https://qiita-image-store.s3.amazonaws.com/0/91670/e6be9871-cc58-8f7b-d222-c36db7b25a4a.jpeg">

## Router設定
後続のGoogle Photosを4つ配置するため、ルーターを設置します。
設置するだけで特に設定なし

## Google Photos設定
+ Array毎に（画像が複数枚ある場合それ毎に）Google Photosを登録するので4つ作成する
+ SourceFileをMapにする
+ File nameをimages[x]: File nameにする。（images[x]のxは1～4）
+ Dataをimages[x]: Dataにする。（images[x]のxは1～4）

<img width="742" alt="2018-02-11_09h07_04.jpg" src="https://qiita-image-store.s3.amazonaws.com/0/91670/960dcea5-52bc-9ad0-11e4-00bd867645b1.jpeg">

## Filter設定
接続コネクタの部分でフィルタ設定ができるので、不要な処理要求が行かないように制御します。

+ Twitter⇒Iterator間で、画像付きツイートのみをIteratorに処理させるようFilter
+ Router⇒Google Photos間で、画像が1枚しかない場合にArray2～Array4に処理が行かないようFilter
※これをしておかないと、エラーが出て処理が中断してしまいます。

Filterはこんな感じにExists条件で、特定のレコードに値が入ってるものだけを処理みたいな感じで登録しました。
<img width="454" alt="2018-02-11_09h12_00.jpg" src="https://qiita-image-store.s3.amazonaws.com/0/91670/5b3a4e6f-d1a7-6412-9905-397fb936457f.jpeg">

# 最後に
試してたらあっという間にFreeの月間上限値である1000オペレーションに達しちゃったので、自動実行間隔とかその辺も要調査ですね。
似たようなことやってもっとスマートな実装してる方いたら教えてください。

参考文献
---
[最強連携サービス「Integromat」がZapier/IFTTTをあっさり超えるラスボス感](https://awe-some.net/2016/10/integromat/)
[IFTTTを利用してTwitterでいいね!(ふぁぼ)したものをGoogle フォトに保存するようにしたかった話 (追記有)](https://amaro9ostlysite.wordpress.com/2017/10/18/ifttt%E3%82%92%E5%88%A9%E7%94%A8%E3%81%97%E3%81%A6twitter%E3%81%A7%E3%81%84%E3%81%84%E3%81%AD%E3%81%B5%E3%81%81%E3%81%BC%E3%81%97%E3%81%9F%E3%82%82%E3%81%AE%E3%82%92google-%E3%83%95%E3%82%A9/)