君に会えてうれしい！

Noodlはアプリケーションをより迅速かつ賢く作成できるローコードのWebアプリビルダーです。これはコーディングスキルを必要としないビジュアル開発環境です。既にコーディングを知っている開発者にとっても素晴らしいツールです。適切な場所にJavaScriptを簡単に組み込むことができます。

ユーザーインターフェースの構築

ビジュアルノード

Noodlのノードモデルを使用してビジュアルエレメントを配置し編集する方法を学びます

コンポーネント

再利用可能なビジュアルコンポーネントの作成方法を学びます

レイアウト

ビジュアルノードを使用してレイアウトを作成し、コンテンツをグループ化する方法を学びます

レスポンシブデザイン

レスポンシブなレイアウトとコンポーネントの構築方法を学びます

スタイルバリアント

ビジュアルエレメントのスタイルバリアントを定義する方法を学びます

ビジュアルステート

UIエレメントのホバー、フォーカスなどのビジュアルステートをスタイリングする方法を学びます

ステートノード

UIステート、アニメーションなどを作成するためのステートノードの使用方法を学びます

スクロールコンテンツ

スクロールコンテナとページの設定方法を学びます

モジュールとプリファブ

プリメイドコンポーネント、サードパーティサービス、新しい機能をモジュールで取得します

Figmaプラグイン

FigmaのデザインをNoodlノードに変換します

データの操作

コネクションの作成

ノード間でデータコネクションを作成する方法を学びます。

変数

アプリ内でデータをローカルに保存するための変数の使用方法を学びます

オブジェクト

アプリ内でデータのオブジェクトをローカルに保存する方法を学びます

配列

複数のデータオブジェクトを配列で保存する方法を学びます

リストの基本

データからUIエレメントのリストを生成する方法を学びます

UIコントロールとデータ

UIコントロールをデータノードに接続してフォームなどを作成する方法を学びます

外部データ

REST APIを使用して外部データを操作する方法を学びます

基本的なナビゲーション

ページの作成とページ間のナビゲーション方法を学びます

マルチレベルナビゲーション

マルチレベルナビゲーションシステムの設定方法を学びます

URL内のパラメータのエンコーディング

ページ間のナビゲーション時にURL内にパラメータを渡す方法を学びます

ポップアップ

ユーザーの操作に応じてポップアップを表示する方法を学びます

コンポーネントスタック

コンポーネントスタックを使用してウィザードフローを作成する方法を学びます

クラウドデータの操作

クラウドサービスの作成

アプリ用のクラウドサービスを設定し、永続的なデータを保存および読み取る方法を学びます

クラスの作成

クラウドサービス内でデータレコードを保存するためのクラスを作成する方法を学びます。

新しいデータベースレコードの作成

クラウドサービスにデータレコードを保存する方法を学びます。

データベースからレコードをクエリ

データベースからレコードをアプリにクエリする方法を学びます

レコードの更新

データベース内の既存のレコードを更新する方法を学びます

データベースクエリのフィルタリング

データベースクエリをフィルタリングする方法を学びます

レコード関係

データベース内のレコード間の関係を作成する方法を学びます

アクセス制御

特定のユーザーにレコードへのアクセス制御を制限する方法を学びます。

データのインポートとエクスポート

クラウドサービスのデータベースからデータをインポートおよびエクスポートする方法を学びます。

データの可視化

データを可視化するためのテーブルコンポーネントの使用

テーブルノードとクエリレコードを使用してデータをテーブルに表示する方法を学びます。

テーブルコンポーネントへのページネーションの追加

Pages And Rowsコンポーネントを使用してテーブルのデータをページネーションする方法を学びます。

テーブルデータのフィルタリング

フィルタープリファブを使用してクエリノードからのデータをフィルタリングし、テーブルに表示する方法を学びます。

テーブルのスタイリング

テーブルプリファブにスタイル変更を加える方法を学びます。

ビジネスロジックの構築

ノードを使用したクライアントサイドビジネスロジック

フロントエンド用のロジックノードの使用方法を学びます

NoodlでのJavascript

NoodlでJavascriptを使用し、ノードとコードを組み合わせる方法を学びます

クライアントサイドビジネスロジックでのJavascriptの使用

カスタムロジックのためのJavascriptの使用方法を学びます

カスタムUIコンポーネント

独自の再利用可能なコンポーネントを作成する方法を学びます

イベント

Noodlでイベントを扱う方法を学びます

ユーザー管理

Noodlでのユーザー作成

アプリ内でユーザーアカウントを作成する方法を学びます

クラウド関数

導入

クラウドで実行されるロジックの構築を始める方法を学びます。

メール確認

サインアップフローなどを作成する方法を学びます。

スケジュールされたジョブ

クラウド関数を使用したスケジュールされたジョブの方法を学びます。

ログとデバッグ

クラウド関数のログとデバッグ方法を学びます。

Javascript

クラウド関数でJavascriptを書く方法を学びます。

コラボレーション

バージョン管理

Gitに基づいたNoodlの強力なバージョン管理機能の使用方法を学びます

Noodlホスト型Gitからの移行

クローズドソースのNoodlで作成されたプロジェクトは、コラボレーションを機能させるために移行する必要があります

アプリのデプロイとホスティング

セルフホスト型クラウドサービスの使用

Dockerコンテナを通じてセルフホスト型クラウドサービスを作成する方法を学びます

iOSとAndroidへのデプロイ

プロジェクトをネイティブアプリとしてデプロイする方法を学びます

Noodlフロントエンドのセルフホスティング

プロジェクトをローカルフォルダにデプロイしてセルフホスティングする方法を学びます

すべてのビデオ

Noodl Figmaプラグインの使用方法

このビデオは、Noodl Figmaプラグインの使用方法を示しています。