インターフェイスを探索する
AppMaster Web Designer インターフェイスについて確認してください。
AppMaster Web Designer を開くと、エディター ナビゲーター、ヘッダー、および現在選択されているタブのコンテンツが表示される作業領域が表示されます。
ナビゲーター
ナビゲーターには、Web エディターのタブへの高速アクセス リンク、役立つリンク、Web アプリケーションのリストまたは他の AppMaster Studio セクションに戻るためのロゴ ボタンが用意されています。
戻るボタン
AppMaster ロゴをクリックしてドロップダウンを開くと、メニューが表示され、次のことが可能になります。
- Web アプリのリストに戻ります。
- 他の AppMaster Studio セクションに移動します。
Webデザイナーメニュー
AppMaster Web Designer には UI ビルダーだけが含まれているわけではありません。追加のツールとサービスのセットも提供します。
間をすばやく移動するには、次のタブが含まれる Web デザイナー メニューを使用します。
- UIデザイナー
- ローカルDB
- アプリケーショントリガー
- ビジネスの論理
- グローバル変数
- スケジューラ
- i18n (ローカリゼーション)
- テーマビルダー
- アプリケーションの設定
便利なリンク
ドロップダウンには次のようなアクションが含まれます。
- チャットしてください: Web エディターの右下隅にあるチャットを有効または無効にします。
- ドキュメント: AppMaster Studio の使用法に関する完全な技術ガイドを開きます。
- チュートリアル:チュートリアルとサンプルの AppMaster コレクションを開きます。
- コミュニティ: AppMaster コミュニティを開いて、他の AppMaster ユーザーとつながります。
- オンボーディングをリセットする:オンボーディングを再度開いて、Web エディターのインターフェイスを確認します。
- キーボード ショートカット:デザイン ワークフローの高速化に役立つキーボード ショートカット リストを開きます。これらのショートカットは、Shift + / を押すと表示できます。
- 最新情報:見逃しているアップデートがある場合は、このリンクから完全なアップデートのリストを参照できます。
- 法的概要: AppMaster のすべての法的文書を開きます。
ヘッダ
エディターのヘッダーには、アプリケーション情報とアプリのツールバーが表示されます。
アプリ情報
左側のヘッダー側には、アプリに関する基本情報が表示されます。
- アプリアイコン:アプリケーションを視覚的に素早く識別するためのアプリのファビコン。
- アプリ名:アプリケーションの名前。
- プロジェクト名:アプリケーションが属するプロジェクト。
- デフォルトのアプリインジケーター:アプリケーションがデフォルトとしてマークされている場合、アプリ名の近くに星アイコンが表示されます。
協力者リスト
コラボレータ リストには、現在アプリケーションで作業しているすべてのプロジェクト メンバーが表示されます。各コラボレーターには個人用の境界線の色があり、この色がカーソルに使用されます。
コラボレーターの数が 5 人を超える場合は、カウンターをクリックして非表示のコラボレーターを表示します。あなたのアバターは常に最初に表示されます。
アバターの上にマウスを置くと、共同作業者の名前が表示されます。
コラボレーション モードの詳細については、こちらをご覧ください。
プレビュー
アプリケーションのプレビューを実行するには、「プレビュー」ボタンをクリックしてデプロイメント・プランを選択してデータをロードするか、「モック・データを使用してプレビュー」を選択します。
プレビューは新しいタブで実行され、アプリケーションに変更を加えている間、保存する必要がなくリアルタイムで更新されます。
リアルタイム プレビュー モードの詳細については、こちらをご覧ください。
アクションボタン
変更をプッシュする
アプリケーションで行ったすべての変更は下書きに保存されます。作業プロセス中にアプリケーションを保存する必要はありません。
ただし、プッシュせずにプロジェクトを公開すると、ビルド バージョンにこの変更は表示されません。プロジェクトのビルドに変更を含めるには、プロジェクトを公開する前に変更をサーバーにプッシュする必要があります。プッシュ後、変更はその後のプロジェクトの公開に含まれます。
アプリケーションをすぐに公開します
プロジェクトのビルドされたバージョンを更新するには、アプリケーションをデプロイメント プランの 1 つに公開する必要があります。
エディターから直接公開を実行できます。公開するには、「ロケット」ボタンをクリックし、ターゲットの展開計画を選択します。
作業エリア
作業領域は AppMaster Web Designer の中心部分であり、ここでアプリを作成および設定します。
作業領域の内容は、現在選択されているタブに応じて変更されます。利用可能な各タブの概要については、次の記事で詳しく説明します。
Web アプリ エディターを開いた後、最初に開かれるセクションはUI デザイナーです。