使い方

コード不要のAppMaster Web アプリ ビルダーを使用すると、インターフェイス設計だけでなく、ビジネス ロジックやサードパーティ サービスとの統合も含むアプリケーションを開発できます。 AppMaster Web Designerを使用すると、1 つのツールだけを使用して、高速でスケーラブルで使いやすいアプリケーションを簡単に作成できます。

インターフェース

AppMaster を使用して Web アプリケーションを開発するには、最初のステップはインターフェイスを設計することです。開発プロセスには、次の 3 つのレベルの作業が含まれます。

• レイアウト: アプリケーション内のあらゆる種類の画面のテンプレートを設計します。
• ページ: 以前に設計したレイアウトを使用してページを作成します。
• UI コンポーネント: 個々のユーザー インターフェイス要素を構築します。

レイアウト

レイアウトは、Web アプリケーションのコンポーネントを整理するためのフレームワークを提供し、一貫したページ構造の作成を可能にします。レイアウトには、関連する Web アプリケーション ページに適用される共通のコンポーネント、ロジック、スタイルを含めることができるため、異なるページ間で要素を繰り返す必要がなくなります。

たとえば、Web アプリケーションのすべてのページにナビゲーション パネルが必要な場合は、レイアウトにナビゲーション パネル コンポーネントを追加できます。レイアウトに加えられた変更は、関連するページに自動的に適用されます。特定のページに別の構造が必要な場合は、ログイン ページや登録ページなどの追加レイアウトを作成できます。

レイアウトを使用する利点としては、インターフェイス作成時間の短縮、プロジェクト サポートの合理化、作業アプリケーションへの変更の簡素化などが挙げられます。さらに、レイアウトは、条件に基づいてページに異なるレイアウトを割り当てることで、A/B テストを容易にします。レイアウトによるナビゲーションにより、ページ全体のリロードが回避され、動的コンテンツのみが更新されるため、アプリケーションのパフォーマンスが向上し、メモリが節約されます。

ページ

アプリケーションのインターフェイスの次の層はページです。これらは、以前に作成されたレイアウトに基づいて作成され、独自の設定があり、ページのコンテキストに応じて必要な UI コンポーネントを追加することによって拡張されます。

たとえば、Web サイトを構築する場合、ヘッダーとフッターを含むレイアウトをすべての Web アプリ ページに関連付けて、各ページにフッターとヘッダーを作成せずにコンテンツを埋め込むことができます。

UI要素

UI 要素は、Web アプリケーションの基本的な構成部分です。これらは、テキスト、ボタン、画像、表などのコンテンツの要素を表します。

「ドラッグ アンド ドロップ」インターフェイスを使用すると、要素をワークスペースに簡単に移動でき、将来の Web アプリケーションがどのように見えるかをすぐに確認できます。アトミック要素を相互にネストすることで、より複雑なコンポーネントを構築できます。すべてのアプリケーション パーツは、レイアウトやページなどの UI 要素から組み立てられます。

そのため、AppMaster Web App Designer は、Web アプリケーションを構築するための WYSIWYG (「見たものは得られるもの」) エディターとして機能します。

カスタマイズ

また、Web アプリ開発を迅速化するために、テーマ ビルダーを使用してアプリケーションの外観をカスタマイズできます。これにより、基本色と追加色、サイズ、タイポグラフィなどの一般的な要素スタイルを設定できます。

アプリケーション設定では、ブラウザーおよび検索結果でアプリケーション ビュー (アプリケーション名、説明、ファビコン) をセットアップできます。

ビジネスの論理

アプリケーション インターフェイスが作成されたら、次のようなビジネス ロジックの構築を開始できます。

• ローカル データベースの作成(すぐに!) 。
• グローバル変数の作成。
• コンポーネントのアクションとアプリケーションのトリガーを構成します。
• 一般的なビジネス プロセスの構築。
• ビジネス プロセスをスケジュールに従って(すぐに!)実行します。
• さまざまな言語のローカリゼーションをセットアップします(すぐに!) 。

サードパーティのサービス

モジュール ライブラリからサードパーティのサービスを統合して、Web アプリケーションの機能を強化できます。そこでは、ソーシャル ネットワーク認証のモジュール (Google、Apple、Linked In、Facebook)、カレンダー、さまざまなマップ モジュール、支払いサービスなどが見つかります。利用可能な統合の完全なリストは、AppMaster Web App Designer (近々!)のモジュール セクションにあります。