ClovaがIFTTT連携に対応したのでMESHで今から帰るよ通知できるようにしてみた

![IMG_0800.JPG](https://qiita-image-store.s3.amazonaws.com/0/164153/644ab958-25dc-cf6a-ca58-4f84bf357f8f.jpeg)

昨年[LINE Developer Day 2017](http://linedevday.linecorp.com/jp/2017/)で構想が発表されたClovaでのスキル開発オープン化。待ち望まれている方も多いと思いますが、それに先駆けてIFTTT連携がリリースされたので試してみました。

# 概要

[公式リリース](https://engineering.linecorp.com/ja/blog/detail/272)をまとめると、

* ClovaにIFTTT連携機能が追加された
* 今回のリリースにはトリガーは含まれない(将来的に対応するような書き方がされていて期待が持てますね！)
* トリガーされるとClovaに通知が貯まり、端末のLEDが点滅(端末の選択は不可能。アカウントにリンク済みの全ての端末に通知される)
* 「Clova、お知らせある？」と呼びかけると溜まっている通知を読み上げてくれる

# 準備

[Clova](https://ifttt.com/clova)のページを開きます。IFTTTにログインしていない方はして下さい。

<img width="879" alt="スクリーンショット_2018-03-22_10_50_36.png" src="https://qiita-image-store.s3.amazonaws.com/0/164153/50f949ce-e16f-04ef-eb75-e4aca3d718df.png">

「Connect」をクリックしてLINEアカウントでログインします。これでアクションとして利用できるようになりました。

# 今から帰るよ通知

ではMESHと連携してみましょう。

ボタンを押すとClovaに「今から帰るよ」と通知されるものを作ります。作る理由ですが、

## 課題

### 旦那側

* 作業が面倒
* よく忘れる
* 帰ってからも仕事することが多く、帰ったらすぐにご飯食べたい
* キッチンにいても今から帰るよ通知に気づいて欲しい

### 妻側

* その時間はキッチンにいることが多く、気づいていないことがよくある。スマホは常時サイレント。
* 料理中は手が汚れてたり塗れてたりするのでにスマホ手に取るの面倒


## 解決できること

* 通知作業が簡単に
* Clovaが光るのでキッチンにいても通知が来ているのが分かる
* 料理しながらでも声で通知内容を確認できる
* 確認後、そのまま声でLINEの返信ができる

## 作ってみる

### IFTTT側

「My Applet」。Appletはトリガーとアクションの組み合わせです。
<img width="500" alt="スクリーンショット_2018-03-22_11_53_23.png" src="https://qiita-image-store.s3.amazonaws.com/0/164153/c9ee839d-ba5a-beba-0323-442a92f59f2c.png">
「New Applet」。
<img width="500" alt="スクリーンショット_2018-03-22_11_53_30.png" src="https://qiita-image-store.s3.amazonaws.com/0/164153/c1ffd9f2-c450-1bea-151e-fd7110809b55.png">
「this」
<img width="500" alt="スクリーンショット_2018-03-22_11_53_35.png" src="https://qiita-image-store.s3.amazonaws.com/0/164153/a4a9a312-7946-1612-7150-a33700d3e185.png">
検索窓に「mesh」と入れて出てきたのをクリック。
<img width="500" alt="スクリーンショット_2018-03-22_11_53_49.png" src="https://qiita-image-store.s3.amazonaws.com/0/164153/481a075d-b872-ba72-47e4-579d8fabc334.png">
Event from MESH App
<img width="500" alt="スクリーンショット_2018-03-22_11_53_53.png" src="https://qiita-image-store.s3.amazonaws.com/0/164153/0bc0ea45-4771-78ec-b24e-e5964f847426.png">
「frombutton」と入力してCreate。
<img width="500" alt="スクリーンショット_2018-03-22_11_54_12.png" src="https://qiita-image-store.s3.amazonaws.com/0/164153/13164448-4a21-5494-71fd-f4b527c684ae.png">
「that」
<img width="500" alt="スクリーンショット_2018-03-22_11_54_15.png" src="https://qiita-image-store.s3.amazonaws.com/0/164153/70fb3365-4154-0cd3-8b11-e776bd9b6e90.png">
検索窓に「Clova」と入れて出てきたのをクリック。
<img width="500" alt="スクリーンショット_2018-03-22_11_54_21.png" src="https://qiita-image-store.s3.amazonaws.com/0/164153/8c725f0a-9dd8-a71b-b3f2-f458521df859.png">
Post Message to Clova
<img width="500" alt="スクリーンショット_2018-03-22_11_54_24.png" src="https://qiita-image-store.s3.amazonaws.com/0/164153/8ed3416e-f474-4591-e17b-dac418bd1142.png">
Crate
<img width="500" alt="スクリーンショット_2018-03-22_11_54_27.png" src="https://qiita-image-store.s3.amazonaws.com/0/164153/8bc67326-e151-f569-93d5-09c6fd9b6941.png">
Finish
<img width="500" alt="スクリーンショット_2018-03-22_11_54_34.png" src="https://qiita-image-store.s3.amazonaws.com/0/164153/17e62e72-efcf-7fed-b2c2-2396ddeb9119.png">

### MESH側

スマホやタブレットのMESHアプリを開きます。詳しくは以前書いた記事にて。[MESHとLINE Notifyの連携](https://qiita.com/stachibana/items/6c9a9d542d0da5f8f41a)。

ボタンタグとIFTTTタグを接続し、IFTTTタグをタップ。

<img width="375" alt="IMG_0797.PNG" src="https://qiita-image-store.s3.amazonaws.com/0/164153/2e0f1b54-529c-802d-a572-17060395d0ac.png">

先程IFTTTで入力したイベント名と、通知したいテキストを設定してOK。

<img width="375" alt="IMG_0798 2.png" src="https://qiita-image-store.s3.amazonaws.com/0/164153/f5014722-53a0-6168-9c45-b892b453f7e9.png">

これで完成です。

## 動作確認

ボタンを押してみましょう。

Clovaが「ピコン！」と鳴り、下部が上品に光りはじめます。その状態で「お知らせある？」と呼びかけると、通知が読み上げられます。

### デモ動画
<blockquote class="twitter-tweet" data-lang="ja"><p lang="ja" dir="ltr">ClovaとIFTTTの連携デモ<a href="https://t.co/Wg5klZKcDd">https://t.co/Wg5klZKcDd</a></p>&mdash; tachibana (@stachibana) <a href="https://twitter.com/stachibana/status/976661521349599232?ref_src=twsrc%5Etfw">2018年3月22日</a></blockquote>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

尚、アカウントに紐づくClova搭載端末が複数オンラインの場合はその全てに通知されます。いずれか一台でお知らせを再生すると他の端末からも削除されます。

# まとめ

スマートスピーカーならではの便利な機能が実装されました。MESHはアプリがバックグラウンドの場合でも動作しますが、[MESHハブアプリケーション](https://meshprj.com/jp/hub/)というものもあり、こちらですとスマホアプリが起動していなくても常時起動中になります。

また今回はトリガーとしてMESHを選択しましたが、[Maker Webhook](https://ifttt.com/maker_webhooks)を使うと以下のようなリクエストを実行することで好きな内容を好きなタイミングで通知できます。

```bash
curl -d '{"value1":"this is event 01"}' https://maker.ifttt.com/trigger/{name_of_event}/with/key/{your_key}
```


こちらを使うとより自由なアプレットが作れると思います。

生活を便利にするアプレットの登場が待ち遠しいですね！