IFTTTを使ってブログ更新時に自動でTwitterにシェアする

妻の命令でとあるブログを平日毎日更新しています。どうせなら多くの人に読んでもらいたいと思って、ブログ更新時にTwitterにシェアするようにしているのですが、毎度手動でするのが面倒になってきました。そこで、ブログ更新時のTwitterシェアを自動化することにしました。

# 仕組み
![IFTTT_RSS_Twitter.001.jpeg](https://qiita-image-store.s3.amazonaws.com/0/55366/e9614f55-ac1a-4b17-2b72-45a2a296b0e7.jpeg)
**IFTTTは「If This Then That(これをしたら、次にあれをする)」の略で、Webサービス同士を連携させることのできるサービスです。**今回は、ブログが更新されたら（This）、Twitterにシェアする（That）ように設定します。ブログが更新されたという情報は、RSSを利用して取得します。**RSSはサイトやブログの更新情報を公開するために使用される仕組みです。**

# RSSフィードのURLを取得する
まずは対象となるブログのRSSフィードのURL（RSSを利用するために必要なもの）を取得します。RSSフィードのURLは以下サイトで簡単に取得できます。

[RSSフィード取得・検出ツール - BeRSS.com](https://berss.com/feed/Find.aspx)

また、対象のブログ上で`右クリック` -> `ページのソースを表示`で確認することもできます。

```html
# 以下例だと、「http://waira.hatenablog.com/rss」の箇所がRSSフィードのURLです。
<link rel="alternate" type="application/rss+xml" title="RSS2.0" href="http://waira.hatenablog.com/rss"/>
```

# IFTTTの設定を行う
IFTTTは[Web版](https://ifttt.com)とスマホ版（[iOS](https://itunes.apple.com/app/apple-store/id660944635?pt=1752682&ct=/discover&mt=8)、[Android](https://play.google.com/store/apps/details?id=com.ifttt.ifttt&utm_source=/discover&utm_medium=web)）がありますが、今回はスマホ版で設定を行います（Web版と操作はほとんど同じです）。IFTTTのアカウント登録は事前に行ってください。

![IMG_0984.png](https://qiita-image-store.s3.amazonaws.com/0/55366/04b997db-7363-b672-efc3-1088552267a9.png)
`My Applets` -> `＋`を選択します。
<br>
![IMG_0985.png](https://qiita-image-store.s3.amazonaws.com/0/55366/39783b8d-74b4-6c16-02a1-35d9127680cd.png)
`＋this`を選択します。
<br>
![IMG_1066.png](https://qiita-image-store.s3.amazonaws.com/0/55366/6dc69d35-1a6b-f487-553a-95b36826ffbd.png)
`RSS Feed`を選択します。
<br>
![IMG_1067.png](https://qiita-image-store.s3.amazonaws.com/0/55366/b18301a4-6710-9b7d-f997-4b6745a7a663.png)
`New feed item`を選択します。
<br>
![IMG_1068.png](https://qiita-image-store.s3.amazonaws.com/0/55366/a28fdb94-613b-3e66-7e3e-4b301eff6daa.png)
IFTTTとRSS Feedを連携させるために、`Connect`を選択します。
<br>
![IMG_1070.png](https://qiita-image-store.s3.amazonaws.com/0/55366/576416d7-d9c4-924a-f9bc-c49ae6f2f80d.png)
さきほど取得したRSSフィードのURLを入力します。
<br>
![IMG_1071.png](https://qiita-image-store.s3.amazonaws.com/0/55366/132c22c5-2369-b860-938d-6b17b9e06826.png)
`＋that`を選択します。
<br>
![IMG_1072.png](https://qiita-image-store.s3.amazonaws.com/0/55366/70884734-01c8-0da9-f5bb-ee7b852d4c52.png)
`Twitter`を選択します。
<br>
![IMG_1078.png](https://qiita-image-store.s3.amazonaws.com/0/55366/532633cb-ed5a-2ccc-a021-6b0c08266ad8.png)
`Post a tweet`を選択します。
<br>
![IMG_1082.png](https://qiita-image-store.s3.amazonaws.com/0/55366/38bf6892-6959-50d2-f9e3-00294bea401d.png)
ツイート内容を設定します。`Add ingredient`を選択すると、RSSフィード情報から取得できるタグが使えます。
<br>
![IMG_1083.png](https://qiita-image-store.s3.amazonaws.com/0/55366/92f6d695-2c1e-f578-1754-9862b90280b5.png)
タグはこんな感じで選択できます。便利ですね！

いくつかのタグの説明を載せておきます。

- EntryTitle：記事のタイトル
- EntryUrl：記事のURL
- FeedTitle：ブログ名

<br>
![IMG_1084.png](https://qiita-image-store.s3.amazonaws.com/0/55366/09d78628-d58d-4871-8edd-552a38460e74.png)
最終的にツイート内容はこのように設定しました。このあたりはお好みで設定してください。
<br>
![IMG_1085.png](https://qiita-image-store.s3.amazonaws.com/0/55366/a119baad-9b13-b505-5239-8268b275f6b5.png)
最後に`Finish`を選択すれば、設定完了！

これでブログが更新されるたびにTwitterにシェアされるようになります（↓こんな感じです）。

<blockquote class="twitter-tweet" data-cards="hidden" data-lang="ja"><p lang="ja" dir="ltr">ブログを更新しました！ 鰆の塩麹漬け弁当 - わいらの弁当 <a href="https://t.co/PByNbLW7aN">https://t.co/PByNbLW7aN</a></p>&mdash; だいぱんまん (@donchan922) <a href="https://twitter.com/donchan922/status/975687949932167168?ref_src=twsrc%5Etfw">2018年3月19日</a></blockquote>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

# まとめ
これで平日のブログ更新の手間が少し減ります！

# 参考リンク
- [IFTTTを使ってブログが更新されたら自動でTwitterに投稿できるようにする方法 | delaymania](http://delaymania.com/201505/webservice/ifttt-rss-twitter/)
- [ブログ記事をTwitterに自動投稿する最強ツールはどれか [IFTTT編] - イソップブログ](http://blog.yuhiisk.com/archive/2016/01/21/automatic-share-using-the-ifttt.html)