チュートリアル: 空のアプリから構築を開始する

1. App Studio にサインインします。

2. 左側のナビゲーションで、ビルダーハブを選択し、+ アプリの作成を選択します。

3. [最初から開始] を選択します。

4. アプリ名フィールドに、 などのアプリの名前を入力しますCustomer Meeting Requests。

5. データソースまたはコネクタを選択するように求められた場合は、このチュートリアルの目的でスキップを選択します。

6. [Next] (次へ) をクリックして先に進みます。

7. （オプション): App Studio でのアプリ構築の簡単な概要については、ビデオチュートリアルをご覧ください。

8. 「アプリの編集」を選択すると、App Studio アプリビルダーに移動します。

マネージドエンティティを作成するには

1. 上部のバーメニューからデータを選択します。

2. + エンティティの作成を選択します。

3. App Studio マネージドエンティティの作成を選択します。

4. エンティティ名 フィールドに、エンティティの名前を指定します。このチュートリアルでは、MeetingRequests と入力します。

5. プライマリキーフィールドに、エンティティのプライマリキー列に渡すプライマリキー名ラベルを入力します。このチュートリアルでは、requestID と入力します。

6. プライマリキーデータ型で、Float を選択します。

7. [エンティティの作成] を選択します。

MeetingRequests エンティティにフィールドを追加するには

• + 追加フィールドを選択して、次の 4 つのフィールドを追加します。

  1. 顧客の名前を表すフィールドを以下の情報とともに追加します。

     • 表示名: Customer name

     • システム名: customerName

     • データ型: String

  2. 次の情報を含む会議の日付を表すフィールドを追加します。

     • 表示名: Meeting date

     • システム名: meetingDate

     • データ型: DateTime

  3. 会議アジェンダを表すフィールドを以下の情報とともに追加します。

     • 表示名: Agenda

     • システム名: agenda

     • データ型: String

  4. 次の情報を使用して会議の参加者を表すフィールドを追加します。

     • 表示名: Attendees

     • システム名: attendees

     • データ型: String

サンプルデータをエンティティに追加するには

1. バナーでサンプルデータタブを選択します。

2. サンプルデータをさらに生成を選択します。

3. [保存] を選択します。

デフォルトページの名前を変更するには

1. 上部のバーナビゲーションメニューで、ページを選択します。

2. 左側のパネルで PagePage1をダブルクリックし、名前を に変更して MeetingRequestsDashboardEnter キーを押します。

会議リクエストダッシュボードページにテーブルコンポーネントを追加するには

1. 右側のコンポーネントパネルで、テーブルコンポーネントを見つけてキャンバスにドラッグします。

2. キャンバス内のテーブルを選択して選択します。

3. 右側のプロパティパネルで、次の設定を更新します。

   1. 鉛筆アイコンを選択して、テーブルの名前を に変更しますmeetingRequestsTable。

   2. ソースドロップダウンで、エンティティを選択します。

   3. データアクションドロップダウンで、作成したエンティティ (MeetingRequests) を選択し、 + データアクションの追加を選択します。

4. プロンプトが表示されたら、getAll を選択します。

   注記

   getAll データアクションは、指定されたエンティティからすべてのレコード (行) を取得する特定のタイプのデータアクションです。たとえば、getAll データアクションをテーブルコンポーネントに関連付けると、テーブルは接続されたエンティティのすべてのデータを自動的に入力し、各レコードをテーブルの行として表示します。

会議リクエストの作成ページを追加するには

1. 上部のバナーで、ページを選択します。

2. 左側のパネルで + 追加 を選択します。

3. 右側のプロパティパネルで、鉛筆アイコンを選択し、ページの名前を に変更しますCreateMeetingRequest。

会議リクエストの作成ページでエンティティからフォームを自動的に生成するには

1. 右側のコンポーネントメニューで、フォームコンポーネントを見つけてキャンバスにドラッグします。

2. フォームの生成を選択します。

3. ドロップダウンからエンティティを選択しますMeetingRequests。

4. [Generate] (生成) を選択します。

5. キャンバスの送信ボタンを選択して選択します。

6. 右側のプロパティパネルの「トリガー」セクションで + 追加を選択します。

7. ナビゲート を選択します。

8. 右側のプロパティパネルで、アクション名を などのわかりやすい名前に変更しますNavigate to MeetingRequestsDashboard。

9. ナビゲーションタイプをページに変更します。ドロップダウンに移動で、 を選択しますMeetingRequestsDashboard。

から に移動するボタンを追加するには MeetingRequestsDashboardCreateMeetingRequest

1. 上部のバナーで、ページを選択します。

2. MeetingRequestsDashboard ページを選択します。

3. 右側のコンポーネントパネルで、ボタンコンポーネントを見つけ、キャンバスにドラッグして、テーブルの上に置きます。

4. 新しく追加されたボタンを選択して選択します。

5. 右側のプロパティパネルで、次の設定を更新します。

   1. 鉛筆アイコンを選択して、ボタンの名前を に変更しますcreateMeetingRequestButton。

   2. ボタンラベル: Create Meeting Request。これは、エンドユーザーに表示される名前です。

   3. アイコンドロップダウンで + Plus を選択します。

   4. エンドユーザーをMeetingRequestsDashboardページに移動するトリガーを作成します。

      1. トリガー セクションで + 追加 を選択します。

      2. アクションタイプで、ナビゲートを選択します。

      3. 先ほど作成したトリガーを選択して設定します。

      4. アクション名で、 などのわかりやすい名前を指定しますNavigateToCreateMeetingRequest。

      5. 移動タイプのドロップダウンで、ページを選択します。

      6. ドロップダウンに移動で、CreateMeetingRequestページを選択します。

テスト用にアプリケーションをプレビューするには

1. App Builder の右上隅で、プレビューを選択します。

2. MeetingRequestsDashboard ページを操作し、テーブル、フォーム、ボタンをテストします。

アプリケーションをテスト環境に公開するには

1. App Builder の右上隅で、発行を選択します。

2. テスト環境のバージョンの説明を追加します。

3. SLA に関するチェックボックスを確認して選択します。

4. [開始] を選択します。発行には最大 15 分かかる場合があります。

5. （オプション) 準備ができたら、共有を選択し、プロンプトに従って他のユーザーにアクセスを許可できます。

   注記

   アプリを共有するには、管理者がエンドユーザーグループを作成している必要があります。