Skip to main content

ノードリファレンス

Noodlの主要な構成要素はノードです。各ノードにはそれぞれ特定の目的があり、単体では非常にシンプルですが、それらが合わさることで非常に強力になります。ここでは、すべてのコアノードとそのタイプ、カテゴリの概要を紹介します。

Noodlはモジュールで拡張することもでき、より多くのノードを使って構築できます。既に存在するモジュールについては、モジュールライブラリをチェックしてください。また、独自のモジュールを開発する方法については、Noodl拡張セクションを参照してください。

Node colors

View all

Noodlのすべてのノードは色分けされており、ノードキャンバスを視覚的にナビゲートしやすくしています。

Visual nodes
Data nodes
Custom code nodes
Logic nodes
Connection nodes

UI要素

これらのノードは、アプリのビジュアルを構成します。画面に要素をレンダリングしたい場合は、ノードツリーに追加してください。これらのノードはバリアントステートもサポートしています。

ナビゲーション & ポップアップ

これらのノードは、URLやハッシュベースのナビゲーションからコンポーネントの置き換えまで、あらゆるナビゲーションニーズをカバーします。異なるビューへのユーザーのルーティングや、現在のビューの上にモーダルでコンテンツをレンダリングするために使用できます。

ロジック & ユーティリティ

コンポーネントユーティリティ

Noodlのコアコンセプトの1つは、再利用可能なコンポーネントを自分で作成する能力です。これらは、データがそれらを通過する方法を管理するのに役立つノードです。

データの読み書き

コンテンツなしにはアプリが完全ではありません。これらは、アプリ内で定義された動的データ、Noodlクラウドサービス、またはお好みのバックエンドからデータを扱うのに役立つノードです。

カスタムコード

ほとんどの問題はNoodlの組み込みの基本ノードで解決できますが、コードが必要な特定の状況に対しても選択肢を持つことは良いことです。結局のところ、テキストベースのコーディングもかなり楽しいものです。

クラウド関数