enebular の準備

enebular の準備をしていきます。

注意 : enebular には最新の Chrome ブラウザでアクセスしましょう

enebular には最新の Chrome ブラウザでアクセスしましょう。

enebular へログイン

https://www.enebular.com/ja/ にアクセスします。

右上のサインインをクリックしてサインインページを表示します。

事前準備でつくった自分の enebular アカウントでサインインします。

サインイン後の画面、ダッシュボードが表示されました。

プロジェクト の作成（今回は作成済みなのでスキップ）

こちらの Introduction を参考に進めていきます。

enebular を始めるには、まずプロジェクトを作成します。サインイン後の画面にあるプロジェクトを作成ボタンからプロジェクトを作成します。

プロジェクトを作成ウィンドウが表示されるのでプロジェクト名を入力して送信ボタンをクリックします。

入力したプロジェクトでプロジェクトが作成されたことがダッシュボードの一覧で確認できます。

プロジェクトの選択

ダッシュボードの一覧から、今回のプロジェクトを選択します。

アセット の作成

プロジェクトを作成できたら enebular のアセットの 1 つであるフローを作成しましょう。

作成したプロジェクトをクリックします。

プロジェクトの管理画面に移動します。

右下の + ボタンをクリックするとアセットを作成するウィンドウが表示されます。

アセット種別はフローを選択して、フローのタイトル flow-first-step とつけます。

フローへのデフォルトのアクセス権は閲覧に設定してください。

続けるボタンをクリックします。

作成が完了し、フローの詳細ページに移動します。

編集ボタンをクリックします。

左上に Loading がでたら、しばらく待ちます。

フローを編集する画面が立ち上がります。こちらが、先ほどふれた Node-RED というローコードツールで出来ているところです。

注意：enebular の活動限界について

WEBブラウザで enebular のフローエディタを使っている際には、1セッションは「60分まで」となっています。ここでいう「1セッション」は、ダッシュボードから編集するフローを選択し、「Edit」ボタンを押してフローエディタが起動してから始まります。

このあたりの詳細について、以下のページを元に説明します。

enebularの活動限界について | enebular blog

ノードについて

ノード（Node）はNode-REDを構成する基本的な構成要素です。処理をする機能のかたまりです。

ノードはフロー中の前方のノードからメッセージを受け取るか、外部イベントを受け取ることで動き出します。ノードはメッセージまたはイベントを処理し、 フロー中の次のノードにメッセージを送ります。左から右に処理されていきます。

メッセージはJSONデータで構成され、msg という一番上のオブジェクトにぶら下がっている payload というオブジェクトの中で、各ノードで処理された内容がバケツリレーのようにやり取りされていきます。

こんな感じです。

今回は inject というノードでボタンクリックをきっかけにメッセージを送り、 debug ノードという送られてきたメッセージをサイドバーのデバッグタブに表示するノードに送ります。

画面紹介

パレットはインストール済みで利用可能なすべてのノードが含まれます。ノードが置かれているエリアです。

ワークスペースはパレットからノードを配置してフロー（データの流れ）を作るエリアです。

サイドバーは、エディタ内に多くの便利なツールを提供するエリアです。

• ノードについてのさらなる情報
• ヘルプを確認するパネル
• デバッグメッセージを確認するパネル
• フローの設定ノードを確認するパネル

などがあります。

次は

左のメニューから、次に進みましょう。