IFTTTだけで夜中に家へ近づいたら電灯を点ける（発動時間制御）複数フィルター

フロアライトをつなげて使っているスマートプラグ（iO.e）の Applet が突然削除されてしまい、自作したAppletの作り方を思い出すのに苦労したので備忘録的に記録したものです。

夜間(18時から6時まで)に家(指定したエリア)に近づくとスマートプラグのスイッチを入れます。
指定したエリアに入るとスイッチがオンになるAppletはデフォルトで用意されているのですが、朝でも昼でもエリアに入るとスイッチが入ってしまうため、時間指定のフィルターを追加したものを作ろうと思います。

##準備
事前にIFTTTアカウントを登録し、IFTTTとスマート家電をつなげておいてください。
やり方はきっと説明書かWEBのどこかに書いてあります。

エリアに入ったかどうかはスマホの位置情報から調べるので、スマホに[IFTTTアプリ](https://apps.apple.com/jp/app/ifttt/id660944635)をインストールしてIFTTTにログインしておきます。

##Appletの作成手順
####1. [IFTTT](https://ifttt.com/)ページの下にスクロールし、[IFTTT Platform](https://platform.ifttt.com/)ページへ移動。
<img width="70%" alt="スクリーンショット 2019-11-04 7.19.02.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/73196/fde7ec21-2240-7f27-2686-a690b2f17a87.png">

---

####2. `Try now` クリック。
<img width="70%" alt="スクリーンショット 2019-11-04 7.19.27.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/73196/f732a285-d5a5-c1f5-3ce9-4af2334e3140.png">

---

####3. 会社名を適当に入れて `Get started`
<img width="70%" alt="スクリーンショット 2019-11-04 7.19.50.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/73196/622ed449-0ecb-9d30-91a5-ac2b802fef8b.png">

---

####4. `Applets`タブを表示
<img width="70%" alt="スクリーンショット 2019-11-04 7.20.21.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/73196/19f8f797-3241-54f4-83ec-0f11de4cffb2.png">

---

####5. `New Applets` で新しいApplet を作成
<img width="70%" alt="スクリーンショット 2019-11-04 7.20.41.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/73196/ca7b8abd-f687-9e7e-ba09-d50ceadb5449.png">

---

####6. Applet作成画面に移動し、`Trigger` を設定する。
<img width="70%" alt="スクリーンショット 2019-11-04 7.21.28.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/73196/ad395296-4f65-f910-1734-b9d89e63ca6a.png">

---

####7. 位置情報を利用したいので `Trigger` に `Location` を指定
<img width="70%" alt="スクリーンショット 2019-11-04 7.21.42.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/73196/d26aadfb-90dd-dad8-4135-497e0b760d4a.png">

---

####8. 指定したエリアに入った際に動作させるので `You enter an area` を設定

<img width="70%" alt="スクリーンショット 2019-11-04 7.22.10.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/73196/530f31fc-4953-3941-b69d-c515bc2d60b4.png">

---

####9. 少し下にスクロールして、`Add action` からアクションを追加する
<img width="70%" alt="スクリーンショット 2019-11-04 7.22.20.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/73196/b524a789-1aaa-e7a7-84cc-89782a9e09d9.png">

---

####10. iO.e の場合は `Smart Life` を選択。
TP-Linkの場合は `Tp-Link Kasa` を選択。
スマート家電ごとに選ぶサービスは異なります。
<img width="70%" alt="スクリーンショット 2019-11-04 7.22.33.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/73196/e995d77f-6a18-f9b3-f32b-f2d949613e0d.png">

---

####11. 電気をつけたいので `Turn on`
<img width="70%" alt="スクリーンショット 2019-11-04 7.22.46.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/73196/c28d16ea-60d7-ac26-1774-5a09b9bc6f1f.png">

---

####12. 少し上に戻って `Add filter code` をから時間指定のフィルターを設定します。
<img width="70%" alt="スクリーンショット 2019-11-04 7.22.53.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/73196/e8296125-8e3b-66c1-a41b-55449650ab88.png">

---

####13. 時間指定する `filter` のコードを入力します。

<img width="70%" alt="スクリーンショット 2019-11-04 18.39.36.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/73196/a190d4ee-613e-46e7-ff56-9f305f4bb5bd.png">

```javascript:Javascript
var hour = Meta.currentUserTime.hour();
//時間が早い場合スキップ
if(6 < hour && hour < 18 ){
  Smartlife.turnOn.skip();
}
```
6時より遅く、18時より早い時間だと `Smartlife.turnOn.skip();` でスマート家電を動かすアクションをスキップします。
各サービスで使えるスクリプトはコード入力エリアの右側に表示されています。
*※何も出ない場合 :  `Action` で `Turn on` など最終的なアクションが設定されていないと表示されません。*

<img width="70%" alt="スクリーンショット 2019-11-04 18.39.36.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/73196/071ab1e7-bbf2-7550-7b1e-d27adbd9447d.png">


---

####14. 下にスクロールして Applet の `Title` と `Description` を入力して `Save` します。
**※`Title` と `Description` どちらも必須項目です。**
<img width="70%" alt="スクリーンショット 2019-11-04 7.24.27.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/73196/f7a0fad8-84e1-96eb-5b74-f6b0e836696a.png">


##Applet を有効化
####1. Applet 一覧画面から作成した Applet を選びます。
<img width="70%" alt="スクリーンショット 2019-11-04 7.25.46.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/73196/ae95a5c4-d047-d12f-6414-c3ee8542086a.png">

---

####2. `Connect` から設定画面へ。
<img width="70%" alt="スクリーンショット 2019-11-04 7.26.18.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/73196/9e15f64b-bb32-fe06-5aed-bd178e13f8fb.png">

---

####3. 指定範囲を設定
<img width="70%" alt="スクリーンショット 2019-11-04 7.48.00.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/73196/50f52aa0-03d5-4019-47f7-9192652b1c7b.png">

---

####4. `SAVE` を押す
<img width="70%" alt="スクリーンショット 2019-11-04 7.48.05.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/73196/b1e3ebbf-5d50-a24a-d784-d121ed9d6cc9.png">

表示が `Connected` となって有効化されます。
<img width="70%" alt="スクリーンショット 2019-11-04 7.48.14.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/73196/a34e5497-8dca-3a62-72aa-058043721d95.png">