アプリ プロジェクトを設計する

アプリ プロジェクトを作成する

アプリ プロジェクトの作成は、通常の Studio Web プロジェクトの作成と同様です。

1. Studio Web の [ワークスペース] ページに移動します。
2. ページの右上隅にある [新規作成] を選択します。
3. [アプリ] を選択します。
4. 新しいソリューションが開き、 アプリ デザイナー キャンバスが表示されます。空のページから開始するか、テンプレートから開始するか、Apps の Autopilot™ のプロンプトから開始するかを選択します。
   注:

   Studio Web で作成されたアプリ プロジェクトは、 ルールではなくワークフローによって自動化されたアプリで自動的に開始されます。

すでにアプリの設計に精通している場合は、『Apps ガイド』で説明する手順と同様の手順で Studio Web でアプリを構築できます。

デザイナーの左上隅にある [プロジェクト エクスプローラー] ボタンから、次の操作を実行できます。

• [追加] ボタンを使用して、ページ、ワークフロー、フォルダー、アクション、変数をアプリ プロジェクトに追加する。
  注:

  別のプロジェクトからページをインポートするには、[ 項目をインポート ] オプションを選択します。ポップアップが開き、目的のページを選択できます。

• 特定のプロジェクト ファイルを検索するには、[検索] ボタンを使用します。
• プロジェクト ファイルを管理します。ファイルの種類に応じて、ファイルを開く操作や、名前変更、追加、移動、並べ替え、削除、複製、デバッグ、呼び出しを行うことができます。個々のページやリソースをインポートすることもできます。

ツールボックス ボタン から、アプリ コントロールを追加または検索できます。

オートメーションを追加する

最初のアプリ プロジェクトを作成および設計したら、アプリに直接統合された Studio Web のオートメーションの能力を活用できます。

Studio Web では、アプリとの対話 (イベントとも呼ばれます) は、ルールではなく、オートメーションを構築するためのアクティビティを使用して制御されます。

オートメーションを使用してアプリ内の対話をカスタマイズする手順は次のとおりです。

1. イベント ([クリック時]、[読み込み時] など) をサポートするアプリの要素を選択します。
2. プロパティ パネルを開き、[イベント] タブに移動します。
3. [オートメーションを定義] ボタンをクリックします。

Studio Web により、選択したイベントによってトリガーされるワークフローが自動的に作成されます。

注:

オートメーションを含むアプリの要素には、 プロジェクト エクスプローラーで名前の横にアイコンが表示されます。

このワークフローで、Studio Web で利用可能な任意のアクティビティを追加、編集、削除できます。新しく作成されたワークフローがプロジェクト エクスプローラーに表示され、テスト、名前の変更、他のワークフローでの呼び出しを行うことができます。他の独立したワークフローを作成して、プロジェクト エクスプローラーから呼び出すこともできます。

重要:

• アプリ プロジェクトに Main ワークフローはありません。
• アプリ プロジェクトにワークフロー トリガーを設定することはできません。

アプリとオートメーション間で値を渡す

アプリとワークフローとの間で値を渡すには、変数を使用します。

ワークフローでアプリの変数またはコントロール値を使用するには、アクティビティの入力フィールドの横にある [その他を表示] > [変数を使用] を選択します。

式エディターでは、アプリの変数を複雑な式で使用するためのオプションがさらに提供されています。

[ 変数の値を設定 ] アクティビティを使用して、既存のアプリの変数の値を取得および設定することもできます。このアクティビティには、アプリで定義されている変数が自動的に入力されるドロップダウン メニューがあります。[ 値 ] フィールドで、対応している任意のデータ型の変数を Studio Web から選択するか、式を入力することができます。

オートメーションの値をアプリ内のコントロールの値に渡すには、ワークフロー内のアクティビティの出力を使用するか、[変数の値を設定] アクティビティを使用して変数の値をコントロールの値に直接渡します。