Skip to main content

Modules

Modules allow you to extend Noodl by installing new core nodes to use in your app. They are often used for third party integrations or complex UI.

Learn how to add a module to your project here, or how you can extend Noodl yourself by building your own module with JavaScript or TypeScript here.

All modules

PDF Viewer

URLからPDFをレンダリングするUIコンポーネント。

Mapbox

このモジュールを使用して、アプリに地図とロケーションのビジュアライゼーションを追加します。

Chart.js

チャートを構築するためのコンポーネントが含まれるモジュール。

Google Sheets

Google Sheetsをアプリケーションのデータソースとして使用します。

GraphQL

GraphQLを使用してデータをクエリするのに役立つモジュール。

QR Scanner

カメラや画像からQRコードをスキャンします。

Custom HTML

独自のHTMLを書いてテンプレート文字列で値を渡します。埋め込みに便利です。

Simple Tooltips

Noodlアプリにシンプルなツールチップを追加します。

Marquee

Noodlアプリにマーキーコンテナを追加します。

Form Validation

さまざまな種類のフォーム検証を簡単にするユーティリティノード。

Material Icons

最新のマテリアルアイコンセットライブラリ。

Font Awesome Brands

Font Awesome 6 ブランドアイコンライブラリ。

Font Awesome Solid

Font Awesome 6 ソリッドアイコンライブラリ。

Markdown

NoodlでMarkdownを使用し、CSSでスタイルを設定します。

Avatar

アバターを構築するためのコンポーネントが含まれるモジュール。

Image Cropper

画像クロッパーモジュール。主にプロファイル写真のトリミング用。

Panning and Zooming Control

大きな画像に対してパンとズームビューを実装するコントロール。

i18next Translation

Noodlでi18nextを使用するためのモジュール。

MQTT Module

WebアプリでMQTTプロトコルを介してメッセージを送受信します。

Shake Detector

加速度計を使ってデバイスの振動を検出する小さなモジュール。

Google Analytics

Google Analyticsでユーザー行動を追跡します。

Lottie

NoodlでLottieアニメーションを使用するためのモジュール。

Web Camera

Webアプリでカメラにアクセスするサポート。

Parse Cloud Function

Parse Platformクラウド関数を呼び出します。

Geospatial Analysis

Turf.jsを使用してGeoJSONを簡単に扱うためのモジュール。

Data Context

すべての子コンポーネント間でデータを共有します。