cloudBitとIFTTTを連帯してスマホからお粗末くんを動かしてみた

#　はじめに
"CLOUDBITとIFTTTで何か動くデモを作って"との指令が出たため，大学院の同期とさくっと遊んでみました．
ほとんど，CLOUDBITのWEBサービス上のアナウンスに従うだけで簡単なデモを作ることができました．
なお制作にあたって以下の記事を参考させて頂きました．

参考記事１
**cloudBitとIFTTTで「おとうさんいまどこメーター」を作る**
http://qiita.com/kazunori279/items/7dbbb525ab0cf6d5d9b5

参考記事２
**IFTTTの新しいアプリDo Buttonが出たのでlittleBits連携を試してみる**
http://www.1ft-seabass.jp/memo/2015/03/21/littlebits-ifttt-do-button/

なお，CLOUDBITの説明とIFTTTの説明は参考記事１の[*cloudBitとIFTTTで「おとうさんいまどこメーター」を作る*](http://qiita.com/kazunori279/items/7dbbb525ab0cf6d5d9b5)にて簡潔に説明くださっているので，当記事ではCLOUDBITとIFTTTの**ノンエンジニア向けにサービス登録と操作手順にフォーカスを置いて**記述します．そのため，少し冗長な説明になっていますのでご了承ください．

#完成したもの

![S__450590.jpg](https://qiita-image-store.s3.amazonaws.com/0/102936/68e6eb2e-592c-e64f-c0f1-60defca28879.jpeg)

[動画(youtube)](https://www.youtube.com/watch?v=CcWbyu7FhU4)

遅延が大きいですが，スマートフォンからお粗末くんを動かせます．

#Cloudbitに会員登録
CloudbitはWEBサービスを経由してLittle bitsから得たセンサの情報を取得したりアクチュエータに出力したりできます．なので，まず最初にCloudbitはWEBサービスに会員登録する必要があります．

こちらからできます．
https://littlebits.cc/

![スクリーンショット 2016-04-25 1.44.53.png](https://qiita-image-store.s3.amazonaws.com/0/102936/65726020-f48a-5e8e-2fa6-084fa403e98e.png)

右上の "LOGIN"をクリック．

![スクリーンショット 2016-04-25 1.54.21.png](https://qiita-image-store.s3.amazonaws.com/0/102936/aee287c4-8ba8-6aba-8517-6404f4d9f9ac.png)

ページ下部のCreate an account　をクリック．

![スクリーンショット 2016-04-25 1.54.42.png](https://qiita-image-store.s3.amazonaws.com/0/102936/9f0da66c-7506-0511-de68-4e3b53355e9a.png)

フェイスブックアカウントからサインアップすると，素早く登録できます．
以上で登録は終了です．

## Cloud Controlを使用する．


![スクリーンショット 2016-04-25 2.03.31.png](https://qiita-image-store.s3.amazonaws.com/0/102936/bacca56c-0d1d-4a07-be15-a662e8757831.png)


ユーザー登録が完了したら，Cloud　Controlというサービス画面を開きます．ページ右上の自分のログイン用写真をクリックし，"Cloud Control"タブを開きます．


![スクリーンショット 2016-04-25 2.09.20.png](https://qiita-image-store.s3.amazonaws.com/0/102936/7c8a965d-7ed4-55b1-d001-f034a1fbffae.png)



開くとこのような画面になっていると思います．こちらのサービスを経由してご自身のCloudBitにLocal Wifiを登録すると，情報を取得したり送信できるようなります．画面左の"+ New CloudBit"をクリックします．

なおWifiのセキュリティによっては，うまく登録ができないためご注意ください．私の在学している大学のWifiでは登録できませんでした．

## Cloud ControlでCloudBitを登録する
基本的にチュートリアルに従えば登録できます．

![スクリーンショット 2016-04-25 2.10.25.png](https://qiita-image-store.s3.amazonaws.com/0/102936/e8c53569-f89e-330f-7c84-a8b11280b058.png)

CloudBitに情報を登録します．まず，CloudBitに対して好きな名前をつけてください．

![スクリーンショット 2016-04-25 2.10.34.png](https://qiita-image-store.s3.amazonaws.com/0/102936/6dd62fe1-c10f-0d29-a41f-90b9e02dc016.png)


次に，上の図にあるようにlittle Bitsを組み立ててください．基盤の→マークに従って電流が流れているため，順番が大切です．向かって一番左に電源(青色)，真ん中にボタンなどのアウトプット用のパーツ(ピンク色),一番右にcloudBit(オレンジ色)をつないでください．アウトプット用のパーツは，ノーマルなボタンがいいでしょう．

cloudBit基盤の右上のライトが点滅しているのを確認してから”Status Light is Blinking”ボタンを押してください．点滅していない場合は，電源がちゃんとコンセントに刺さっているか・パーツの順番はあっているかを確認してください．

![スクリーンショット 2016-04-26 5.57.10.png](https://qiita-image-store.s3.amazonaws.com/0/102936/719ded47-dc87-b75e-40f1-321673b2e5ac.png)

次に，ランプが青色になるまで，セットアップボタンを押し続けてください．

## Local WifiをcloudBitに登録する
次に，Local WifiをcloudBitに登録します．

![スクリーンショット 2016-04-26 6.02.25.png](https://qiita-image-store.s3.amazonaws.com/0/102936/b073d3db-e69a-41e7-46b7-7e51fbef44f5.png)

自分のPCのWifi接続候補の一覧をみると“littleBits_Cloud_...” と命名されているネットワークがあります．
選択して次のページにいきます．

![スクリーンショット 2016-04-26 8.48.23.png](https://qiita-image-store.s3.amazonaws.com/0/102936/5442d9a5-21d7-f98a-155e-3614d836ce15.png)

cloudBitに登録するWifiを選択します．

![スクリーンショット 2016-04-26 8.49.25.png](https://qiita-image-store.s3.amazonaws.com/0/102936/45b09765-e943-6668-1058-9530591ae63e.png)

 PC側で，Wifi接続を"littleBits_Cloud_..."から普段の接続に切り替えます．

![スクリーンショット 2016-04-26 8.49.42.png](https://qiita-image-store.s3.amazonaws.com/0/102936/a2ad639f-20a8-aa86-035b-07e240d44dab.png)

この画面がでれば登録は成功です．




## Little Bits からの値を受け取ってブラウザで表示させる
連帯がちゃんと行われたかを確認するために，値をブラウザで表示してみましょう．
Cloud Control画面の下側のReceiveを表示させます．
Little Bitのアウトプット用のピンクのパーツを押してみましょう．値が変化したら成功です．


## ブラウザから，サーボモータを動かす．
サーボモーターをこのように取り付けてください．

![IMG_2346.JPG](https://qiita-image-store.s3.amazonaws.com/0/102936/8597237c-b7ac-d992-3aff-20f7a2c399e9.jpeg)


パーツの認識には数十秒かかるので待ちましょう．
ライトがグリーンになったら認識完了です．

Cloud Control画面の下側のSendを表示させます．
GUIを操作してサーボが連動していれば成功です．





# IFTTTに会員登録する
IFTTTはさまざまなWEBサービスのAPI同士を非常に簡単に/視覚的に連帯させることができるサービスです．例えば，もしTwitterでリプライが飛んできたら，Google　Spredsheetに記録を保存する，といったような使い方ができます．つまり，if ___ then ___. 文の空欄部分を自分で選べるイメージです．

https://ifttt.com/

こちらからSign up　してください．
ログインしたら，My Recipesの"Create Recipe"から様々なサービスを連帯させることができます．


# スマートフォンに"DO Button"アプリケーションをダウンロード
スマホ用のアプリケーションである"Do Button"を利用すると，IFTTTを利用して，
もしもボタンが押されたら＿＿＿＿する．
という命令を簡単に作ることができます．
まずはこちらをApple Store かGoogle Play storeからインストールしてください．


## レシピの登録
ダウンロードがすんだら，レシピを登録します．


<img width="375" alt="IMG_2338.PNG" src="https://qiita-image-store.s3.amazonaws.com/0/102936/3c50130e-fe31-9b01-dc2f-bc6b743fa657.png">

こちらの+ボタンをタップしてください．


<img width="375" alt="IMG_2343.PNG" src="https://qiita-image-store.s3.amazonaws.com/0/102936/6f012005-9a5e-8625-385f-b5737c4ae780.png">

Channelsの中から，動作させたいアプリケーション，今回は"littleBits"を選択してください．

<img width="375" alt="IMG_2338.PNG" src="https://qiita-image-store.s3.amazonaws.com/0/102936/853b7633-a0ce-0da7-0713-4467123a2436.png">

次に，Create a New Recipeを選択します．

<img width="375" alt="IMG_2338.PNG" src="https://qiita-image-store.s3.amazonaws.com/0/102936/a422b118-935b-ae91-292d-6b7a84bf55df.png">

上記の画面では，ボタンを押した際にサーボを動かしたいので，Active Output を選択します．

<img width="375" alt="IMG_2339.PNG" src="https://qiita-image-store.s3.amazonaws.com/0/102936/1868c5d9-7947-9498-96c3-3fee63c2b60e.png">

このボタンのタイトルを記入します．そして，先ほど登録したcloudBitsの名前をプルダウンメニューの中から選択してください．完了したらADDで登録します．


#うまくできたか試してみる

<img width="375" alt="IMG_2340.PNG" src="https://qiita-image-store.s3.amazonaws.com/0/102936/da1b43eb-41cd-807f-2788-eebe152536cc.png">

このような画面がでたら，早速ボタンをおして，サーボモーターが動くか試してみましょう．

![S__450590.jpg](https://qiita-image-store.s3.amazonaws.com/0/102936/68e6eb2e-592c-e64f-c0f1-60defca28879.jpeg)

[動画(youtube)](https://www.youtube.com/watch?v=CcWbyu7FhU4)

以上のように，cloudBitとIFTTTを利用して，簡単にクラウド対応したLittleBitsの
アプリケーションを作ることができました．

もうちょっと細々と設定したい場合には，IFTTTを使わずに，下記の記事のようにcloudBitが提供している
APIを利用してサービスを作ることを推奨します．

参考記事3
**cloudBitのAPIを使って子守りIoTを作る**
http://qiita.com/kinu/items/569b5b909b51e1a5d4fd