問題タブ [noflo]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
58 参照

noflo - noflo ブラウザ コンポーネントにはプロジェクト ID またはグラフ ID がありますか?

noflo プロジェクトを作成していますが、コンポーネント内でプロジェクトまたはグラフ ID を取得する必要があります

これは単純なコンポーネントコードです

プロジェクトIDまたはそれを持つnofloクラスを持つイベントまたはnofloオブジェクトなので、それを含めます

ありがとう

0 投票する
1 に答える
95 参照

noflo - Mac に no flo をインストールしてビジュアル インターフェイスを表示する方法

私はfloなしでインストールしてプレイしようとしています。Mac 10.9.5 を使用しています。http://noflojs.org/documentation/に詳述されている指示に従おうとしました。noflo をインストールし、プロジェクトをビルドして、電卓を実行しました。素晴らしい。ただし、ここにも手順があります: http://noflojs.org/documentation/installation/ git からのインストールについてであり、noflo が既にインストールされているため、これを行う必要はないと思います。これまでに使用したことのない grunt についてややこしい点があり、サブフォルダーごとに grunt をローカルにインストールするだけでなくグローバルにインストールする必要があるため、混乱します。ただし、コマンドラインで作業するためのfloが既にないため、これを行う必要はないと思います(間違っている場合は修正してください)。

私の質問は、noflo がインストールされたので、ドラッグ可能なすべてのコンポーネントを備えたビジュアル インターフェイスを Mac で動作させるにはどうすればよいかということです。

0 投票する
1 に答える
201 参照

noflo - パケットを送信する前にすべてのポートで入力を待機するには、次のどのアプローチを使用する必要がありますか?

私はまだ、FBP と NoFlo がプロセスの観点からどのように機能するかについて多くのことを学んでいるので、仕事をする何かを一緒にハックすることはできますが、別の場所に問題を持ち込んでいるかどうかはわかりません.

この場合、データを出力ポートに送信する前に、2 つのポートのそれぞれで入力を待機するコンポーネントを作成しています。なんで?出力パケット (グループ名と入力パケット) を作成するには、両方の入力からのデータが必要です。

私は2つのアプローチを使用してこれを達成することができました。どちらのアプローチが優れているか、少なくとも各アプローチの長所/短所を知りたいです。

ここで話しているコンポーネントは vizicities/Group です。

ここに画像の説明を入力

アプローチ 1: input2 がパケットを受信するまで、input1 からのパケットを内部的にキューイングする

アプローチ 2: WirePattern ヘルパーを使用する

どちらのアプローチも機能しているように見えますが、どちらか一方を使用する理由があることは明らかです。誰かが私のためにこれを明確にすることができますか?

0 投票する
2 に答える
120 参照

noflo - 単一の出力ポートからの接続が、同じポート上の別の接続でパケットをブロックするのを防ぐ方法は?

単一のプロセス (P1) から出力を取得し、他のプロセス (P2 および P3) を使用して並列タスクを実行しようとしています。ここまでは至ってシンプル。

これを行うには、P2 と P3 を P1 の単一の出力ポートに接続します。私の考えでは、これは、P2 と P3 の両方が同時に並行して取得するパケットを、P1 が出力ポートから送信することを意味するはずです。

私が見つけたのは、P2 と P3 が並行して開始されておらず、代わりに一方のプロセスが他方のプロセスが完了するまで待機することです (または、少なくとも私にはそう思われます)。

たとえば、JSON 入力を受け取り、同時にタイムスタンプを取得して JSON を解析する単純なグラフを次に示します。JSON の解析後に別のタイムスタンプが取得されます。これは、JSON 解析にかかった時間を計算するための基本的な方法として使用されます。

ここに画像の説明を入力

out ポートからの接続の順序に注意してくださいajax/Get(タイムスタンプ接続が最後に追加されました)。

この場合、タイムスタンプの差は約 5 ミリ秒です。これは、NoFlo 以外の環境で JSON 解析にかかる時間とほぼ一致します (実際には、何らかの理由で NoFlo では少し長くなります)。

同じグラフを見てみましょう。ただし、今回はajax/Get出力ポートからの接続順序が変更されています (解析接続が最後に追加されました)。

ここに画像の説明を入力

今回のタイムスタンプの差は約 40 ~ 50 ミリ秒で、これは明らかに大きな差であり、NoFlo の外部での解析よりもはるかに大きくなっています。

誰かが次の点に光を当てることができれば、本当に感謝しています。

  • 接続順によってタイミングがこんなに違うのはなぜですか?
  • からの 2 つの接続ajax/Getがトリガーされ、並行して実行されるようにするにはどうすればよいですか (つまり、相互に待機しません)。

参考になる場合は、FlowHub からのグラフの JSON エクスポートを次に示します。

また、CLI を使用して簡単なグラフを作成し、グラフの流れをよりよく理解して、おそらくこれを引き起こしている原因を明らかにすることができました。

to の前に定義されたReadto接続で実行すると、ネットワークは正常に動作しますが、切断を開始する前に他のすべてが完了するまで待機することに気付きました(そうですか?):Time1ReadParseRead

ReadtoParse接続が最初に定義されるように順序を切り替えると、すべてがうまくいかず、パス全体が完了するまでTime1パケットが送信されません(実際には今以降です):ReadParseTime1 Time2

これが正しい動作である場合、一方が他方をブロックせずに 2 つのブランチを並行して実行するにはどうすればよいですか?

すべてのコンポーネントを非同期にしてみました。その両方を試し、WirePattern を使用して、複数の出力ポートを作成し、それらすべてを一度にデータを送信しようとしました。喜ばしいことではありません - それは常に、最初のエッジが接続される順序に帰着します。ViziCitiesでのNoFloの使用を完全にブロックしているため、これで髪を引っ張っています:(

0 投票する
1 に答える
345 参照

javascript - Nofloカスタムコンポーネント

noflo を使用してカスタム コンポーネントを使用して実際の例を作成しようとしています。.fbp ファイル内からコンポーネントを参照する方法を誰か説明してください。ドキュメントの例はすべて、npm ベースのコンポーネントに関連しているようです。

ありがとう

0 投票する
2 に答える
438 参照

noflo - noflo-ui でのコンポーネントの追加/削除

github から noflo-ui のクローンを作成し、ローカルで実行していますが、noflo-search ボックスからコンポーネントを追加/削除する方法がわかりません。理想的には、検索結果からすべてのコンポーネントを削除し、コンポーネント ライブラリのコンポーネントのみを表示したいと考えています。

readme には、 を変更することでライブラリを追加できると記載されていますが、ライブラリをpreview/component.json削除しても効果はないようです。コンポーネントに関するドキュメントとcomponent.jsの仕様を読んだ後、編集を試みましたが、検索ボックスに表示される結果を変更することもできませんでした。さらに、で使用されているプロパティに関するドキュメントが見つかりません。/component.json.noflocomponents.json

何か間違ったことをしているのですか、それともオプションではないデフォルトのコンポーネントを削除していますか?

0 投票する
1 に答える
210 参照

noflo - noflo-ui: プロジェクト/グラフ/コンポーネントを外部データベースまたは API から読み込んで保存します

事実上グラフ エディターのみである noflo-ui のカスタム ビルドを作成しようとしています。ランタイムに接続する必要はありません。

noflo-ui の一部が noflo 自体で記述されているように見え、それらの部分のスクリプトが見つからないため、このコードを挿入できる場所を見つけるのに苦労しています。

たとえばgraphs/main.fbp、 には次の行があります。 'user,main,project,github,runtime,context' -> ROUTES Dispatch

これに関する3つの質問:

  1. Dispatch コンポーネントの背後にあるソースはどこですか?

  2. Load data from an external api に独自のインターフェイス要素を追加する場合、そのデータを挿入するのに最適な場所はどこですか?

イベント駆動型のコードがたくさんあるので、新しいポリマー要素を追加したり、ajax 呼び出しを行ったり、何かを発行したり起動したりします。これは、noflo-nodejs ランタイムに接続するときに起こることだと思います。ビルドされた noflo-ui.js で 51312 行への接続を追跡しました

...しかし、ここを通過する場所がわかりません。main.fbp グラフのポート? 最初の質問によると、これらのコア グラフの背後にあるソースが見つかりません。

そして、これは私の最後の質問につながります

  1. 上記の noflo-ui から貼り付けたコードは、ビルド前のどこにもこのコードが見つかりません。プロジェクト ツリー全体で "componentDefinition: definition" も検索しました。これはどこから来たのですか?

これに関する任意のポインタは大歓迎です! ありがとう

0 投票する
1 に答える
210 参照

noflo - nofloチャート/プロットコンポーネントを追加する方法

ブラウザー ランタイムとフローハブ UI を使用してカート/グラフ/プロットにデータを表示する noflo コンポーネントに渡したい時系列スタイルのデータ配列があります。

コンポーネント ライブラリを参照しましたが、関連するコンポーネントが見つかりません。私はいくつかのチャート作成ライブラリに精通しており、自分で書いても構わないと思っていますが、これをコンポーネントに適合させる方法がわかりません。

  1. 見逃したグラフ作成/プロット コンポーネントはありますか? noflo-ducksboardを見たことがありますが、 noflo-ui 内からプロットを表示できるようにしたいです。
  2. チャート ライブラリをコンポーネントにロードするにはどうすればよいですか?
  3. 私が使用することをお勧めする特定のチャートライブラリはありますか?