enebular の準備

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

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

image

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

enebular へログイン

image

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

image

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

image

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

image

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

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

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

image

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

image

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

image

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

プロジェクトの選択

image

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

アセット の作成

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

image

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

image

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

image

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

image

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

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

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

image

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

image

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

image

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

image

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

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

image

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

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

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

ノードについて

58951f750453c84b44d8b941bb901b8d

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

1025e100d9711a31b8aaac687861012d

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

21250655fb324c0bc0b3a87a17f17182

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

a77ad581f63cea641a56f74e0ea77f61

こんな感じです。

59cae4a9db2befa3d0d1408a5b73a817

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

画面紹介

a536a5b1ac2e532debfea2f5c44e0127

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

bb782eeca7b05ef91f63d3c659c5bfab

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

dabb58dd475e44daae3ace0760347e7c

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

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

などがあります。

次は

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

results matching ""

    No results matching ""