この記事は、ノンコーディングIoTパーティー(クリスマス版)のNoodlパートの解説です。
#0.事前準備(初めての方)
- ここからNoodl1.3をダウンロード&インストール
- 個人用アカウントを作る。
#1. Noodlからobnizをコントロールするための準備
##1.Noodlのプロジェクトを読み込む
- ここからプロジェクトをダウンロードして、zipファイルを解答、わかり易い場所に移動してください。
- 「Add external project」(外部プロジェクト追加)を押す
- 先程ダウンロードしたファイルのフォルダ(christmas_enebular)を選択し、開く
##2.トナカイのID/名前/鼻の色を変更する
1.左のメニュー(コンポーネント一覧)から「コントローラーを選択」
2.「トナカイ」ノードを選択
*シングルクリックで選択します。ダブルクリックすると中に入ってしまうので注意!
3.idを、IoTキットのテープに書かれているIDに変更する(enebularに合わせる)
###補足: Noodlの基本操作(mac/win)
- コピー: ⌘+c/ctrl+c
- ペースト: ⌘+v/ctrl+v
- 一つ戻る: ⌘+z/ctrl+z
- 拡大縮小: スクロール
- 作業位置の調整: 指2本でドラッグ/右クリックしながらドラッグ
- 新しいノード作成: 指2本でタップ/右クリック
- 麺を消す: 麺を2回クリック
- プレビューを更新: ⌘+r/ctrl+r
##3.MQTTブローカーの設定
歯車アイコンを押し、external broker
にチェックを入れ、ブローカー情報を入れます。
mqtt://052dd888:8dfcd457688ff656@broker.shiftr.io
##4.トピックを入力する
- 「トナカイ」コンポーネントを選択
##5.試してみる!
- トナカイのボディーをクリック: click
- トナカイのボディーを長押し: long
- トナカイの鼻を掴んで左右に素早く揺らす: shake
#2. みんなのトナカイ一覧を見てみよう
今回使用しているMQTTにパブリッシュしているみんなのトナカイの情報を一覧で取得できる仕組みを用意しています。
一覧取得のAPIは、別のenebularプロジェクトとして作成して起動しています。
##1. 牧場にいく
「Go to park」 ボタンを押すと牧場に移動します。
##2.「一覧」コンポーネントの中身を編集する
- Receive Messageノードのトピックを以下のように書き換え
/christmas2019/noodlAll
- Collectionノードの「items」を、For eachノードの「items」につなぐ
- ダミーの静的データが繋がっているので、「一覧ダミー」ノードと「For each」ノード間の麺を切ります。
みんなのトナカイが表示されていれば成功です!