GoogleHomeとIFTTTを使ってTwitterでツイートしてみた

これは[高知工科大 AdventCalendar 2017](https://adventar.org/calendars/2305)の21日目の記事です。

#はじめに
今話題のGoogleHomeが<span title="ヤマダ電機">某家電量販店</span>にて半額セールが行われていたので勢いで購入してしまいました。
（半額セールは12月3日（日）から12月10日（日）までの期間限定で本記事の投稿現在は終了）

本記事ではIFTTTを使ってGoogleHomeに向かって呟いたことが
Twitterでツイートされるという**本当の「つぶやき」**をやってみます。

#GoogleHomeとは？
Google社が販売しているスマートスピーカーです。
スマートスピーカーはなんていうかこう... 
話しかけたらその内容にあった対応をしてくれるスピーカーのことですね。

今回、購入したのはこちらです。
[Google GA3A00538A16 Google Home](http://www.yamada-denkiweb.com/7260001013?_ga=2.48452335.893793370.1513395594-774967219.1512578860)
<img src="https://qiita-image-store.s3.amazonaws.com/0/203750/39041933-e673-5bbb-84fd-1e7d44b2cf69.jpeg" width=50%>

実際に使ってみた感じとかを気になる方は
他の方が同AdventCalendarの[16日目の記事](https://qiita.com/AltTether/items/34cc8bc105dea5325255)で
GoogleHome miniについて紹介されているのでそちらをご覧ください。

#一通り遊んでみて
勢いだけで買ってしまい、とりあえずいろいろ話しかけてみました。
「OK, Google ラブライブが聴きたい」「OK, Google ピカチュウと話したい」
「OK, Google 恋になりたいAQUARIUMが聴きたい」「OK, Google ラーメン食べたい」etc ...

話しかける内容を調べながら「こんなこともできるんだ～」と感心しつつ、
他にもいろいろ調べてみると、**IFTTT**っていうサービスを使えば簡単に応答を増やせるとか

何それ面白そう(　･`д･´)

#IFTTT（イフト）とは？
「レシピ」というものを使って2つのWebサービス同士を連携するサービスのことです。

**IF** **T**his **T**hen **T**hatに合わせて

「もし（IF）、このWebサービス(This)でこうなったら、
　そのとき（Then）、あのWebサービス(That)でこうする」

のようにレシピを作るので、
誰でも簡単にサービスを連携させられます。

連携させられるWebサービスは用意されているものだけなので限られてきますが、
Twitter、FacebookやYoutubeなど主要なWebサービスに対応しています。
また、天気や位置情報なども条件に設定できるみたいです。

詳しくは実際に使ってみながら見ていきましょう。

#IFTTTを使ってTwitterでツイートしてみる

1.　GooglePlayStoreからIFTTTのアプリをインストールします。
<div align="center">
  <img src="https://qiita-image-store.s3.amazonaws.com/0/203750/4b61c8f0-bb2b-6130-30ac-68c1a4f25ea9.png" width=30% border="2">
</div>
　

2.　IFTTTを起動すると簡単な説明が書かれた画面が表示されます。
説明を読みつつ、左へスワイプしていきましょう。
<div align="center">
  <img src="https://qiita-image-store.s3.amazonaws.com/0/203750/b7a904c9-059b-ac94-2556-adc4bc84eea0.png" width=30% border="2">
</center>
　

3.　1番右までスワイプするとこんな画面が出てきます。
今回はGoogleHomeを入力として使用するため、Googleアカウントでサインインします。
その際に**GoogleHomeと連携させたGoogleアカウント**でサインインする必要があります。
<div align="center">
  <img src="https://qiita-image-store.s3.amazonaws.com/0/203750/40aee8da-e2ea-1564-ea51-5c339dc789d3.png" width=30% border="2">
</div>
　

4.　サインインができたら、下のメニューの一番右の「My Applets」をタップします。
この画面で自分で作成したレシピの管理ができます。
では早速右上の「＋」をタップして、レシピを作成していきます。
<div align="center">
  <img src="https://qiita-image-store.s3.amazonaws.com/0/203750/b207352f-ddbd-b5e9-79b4-e2781ed99ca7.png" width=30% border="2">
</div>
　

5.　まずは実行条件の部分を設定します。
いわゆる「このサービス(This)でこうなったら」ですね。
赤枠で囲んだ「this」と書かれた部分をタップします。
<div align="center">
  <img src="https://qiita-image-store.s3.amazonaws.com/0/203750/5b0b255c-a013-c031-d89b-81a750bd8c14.png" width=30% border="2">
</div>
　

6.　今回はGoogleHomeへの呟きを実行条件にしたいので「Google Assistant」を選択します。
上の検索窓で「google」と入力すると出てきます。
<div align="center">
  <img src="https://qiita-image-store.s3.amazonaws.com/0/203750/553b94ce-0933-b5bb-1f1b-d1d85a52a780.png" width=30% border="2">
</div>
　

7.　「このサービスで」の部分は選択できたので「こうなったら」の部分を設定します。
今回は「Twitterで〇〇とツイートして」または「ツイート　〇〇」と呼びかけると
〇〇をツイートし、「Twitterで〇〇とつぶやきました」と返答されるようにします。
設定出来たら右上の「チェックマーク」をタップします。
<div align="center">
  <img src="https://qiita-image-store.s3.amazonaws.com/0/203750/bfefa09c-32c3-3602-0f33-3c7ca83ebbf0.png" width=30% border="2">
</div>
　

8.　次に処理の部分を設定します。
いわゆる「あのサービス(that)でこうする」ですね。
赤枠で囲んだ「that」を書かれた部分をタップします。
<div align="center">
  <img src="https://qiita-image-store.s3.amazonaws.com/0/203750/143b0e79-9ecf-5647-1a2f-085cf1abf26b.png" width=30% border="2">
</div>
　

9.　今回はGoogleHomeへ呟いた内容をツイートするので「Twitter」を選択します。
<div align="center">
  <img src="https://qiita-image-store.s3.amazonaws.com/0/203750/93231a7c-5af3-7487-18b7-effce8b24538.png" width=30% border="2">
</div>
　

10.　Twitterを選択すると、TwitterとIFTTTの連携を要求されるので
「Connect」をタップして実際にツイートをするアカウントと連携させます。
<div align="center">
  <img src="https://qiita-image-store.s3.amazonaws.com/0/203750/4fbdc432-b2eb-964b-b46a-7d8ad6abca16.png" width=30% border="2">
</div>
　

11.　これで「あのサービスで」の部分はできたので「こうする」の部分を設定します。
今回は特にツイートに装飾はせず、単にGoogleHomeに呟いた内容をツイートするため、
「Post a tweet」を選択します。
<div align="center">
  <img src="https://qiita-image-store.s3.amazonaws.com/0/203750/5487eda7-e00d-12d6-b774-a0c2c2ade4c8.png" width=30% border="2">
</div>
　

12.　今回、実行条件にGoogle Assistantを選択したので自動的に「TextField」と入力されています。
ここに実際にGoogleHomeに呟いた内容が反映されます。
特にツイート内容に装飾は行わないのでこのまま右上の「チェックマーク」をタップします。
<div align="center">
  <img src="https://qiita-image-store.s3.amazonaws.com/0/203750/86500f19-b9b7-c5a3-1bdc-507fd574e768.png" width=30% border="2">
</div>
　

13.　これでレシピが作成できました。「Finish」を選択します。
<div align="center">
  <img src="https://qiita-image-store.s3.amazonaws.com/0/203750/a82810d2-5a8f-f0e5-2617-cfffdee44bd5.png" width=30% border="2">
</div>
　

14.　その後、作成したレシピが表示されます。「ON」になってるレシピが現在有効なレシピです。
<div align="center">
  <img src="https://qiita-image-store.s3.amazonaws.com/0/203750/10f30253-3c3f-ed88-eecb-ebd9763f8774.png" width=30% border="2">
</div>

　
では、実際につぶやいてみましょう。

```
がとーしょこら「OK Google ツイート GoogleHomeからツイートしています」
アシスタント「TwitterでGoogleホームからツイートしていますとつぶやきました」
```
 

<blockquote class="twitter-tweet" data-lang="ja"><p lang="ja" dir="ltr">Google ホーム から ツイート し てい ます</p>&mdash; がとーしょこら (@nao_kut_316) <a href="https://twitter.com/nao_kut_316/status/942263260920852480?ref_src=twsrc%5Etfw">2017年12月17日</a></blockquote>


つぶやくことができました。これでまたツイッターが捗りそうです。

#ほんとうは...
本当は[Action on Google](https://developers.google.com/actions/)と[Dialogflow](https://dialogflow.com/)を使ったGoogleHomeでの機能拡張の記事を書こうと思ってたのですが、
思った以上に進捗が出ず、別のサービスを使いました...
しかしながら今回利用したIFTTTでも多くの機能拡張ができそうでした。

また、IFTTTではGoogleHomeの機能拡張に限らず、
「Twitter投稿した内容をFacebookにも投稿する」みたいなbot的なレシピを作成することもできそうでした。

今度はAction on GoogleとDialogflowを用いた機能拡張も行っていこうと思います。
Twitterのタイムラインを読ませるとか、LINEでりんなちゃんと実際に話してみるとか...

#参考
https://yuki-no-yabo.com/combined-googlehome-with-other-services/