Skip to main content

 

アプリケーションの開発

 

OutSystems

カスタムアプリケーションテンプレートを作成する

OutSystemsでは、カスタムアプリケーションテンプレートとはアプリケーション開発の第一歩として使用可能なモジュールのことです。テンプレートを使用してアプリケーションのルックアンドフィールの定義、共通機能の配置や依存関係の管理ができます。

アプリケーションのテンプレートを作成するには、以下の手順を実行します。

  1. 新規アプリケーションを作成して、テンプレートとして使用するアプリのタイプを選択します。
  2. モジュールを作成してTemplate_<module_name>という名前を付けます。ここで、<module_name>は新規テンプレートに割り当てる名前です。
  3. モジュールを開きます。モジュールのプロパティに説明とアイコンを挿入します。上記手順で述べたモジュール名の構文に加えて、モジュールをテンプレートにするためには説明とアイコンが必要です。
  4. テンプレートに基づいてアプリケーションに組み込む開発項目、たとえばブロックやユーザー権限ロジックなどをモジュールに追加します。
  5. パブリッシュしてテンプレートを使用できるようにします。これ以降、アプリを作成する際は、このモジュールがテンプレートリストに表示されます。

テンプレートを基にアプリケーションを作成した場合、それ以降にテンプレートに加えた変更はそのアプリケーションには反映されません。

テンプレートを基にアプリを作成した場合、新規アプリウィザードで異なる色を選択しても、モジュールの色はテンプレートの色と等しくなります。ユーザーがテンプレートを基にアプリを作成し、新規アプリケーションウィザードでアプリケーションの初期色をブートストラップする場合は、テンプレートサフィックスのCSSに記述されているCSSの宣言のうち、カスタマイズできるようにする箇所に/*primary-color*/というコメントを加えます。カスタムアプリケーションテンプレートは、指定した名前の下に一覧表示され、テンプレートの基になったUIフレームワークがサポートする機能をサポートします。

BrandTweeという企業向けに、モバイルアプリケーション群を開発する場合を考えます。アプリケーションは企業のブランディングガイドラインに従う必要があり、カスタムバリデーションが可能なフォームを持つ複数の画面が必要です。

このタスクを円滑に行うため、作成予定のすべてのアプリケーションの基になるテンプレートを作成します。

  1. 新規アプリケーションを作成します。
  2. 作成するアプリのタイプとして[Mobile App]を選択します。
  3. アプリ名を「BrandTweeTemplates」に設定します。
  4. テンプレートで提供する機能の一部がMargaritaテンプレートに含まれるため、モジュールのテンプレートとしてMargaritaを選択します。
  5. テンプレートにするモジュールを作成します。
  6. 名前を「Template_BrandTwee」に設定します。ここで_Template__は、モジュールをテンプレートとして設定するために名前に必要なプレフィックスです。
  7. モジュールを開きます。名前に加えて、モジュールをテンプレートにするためには説明とアイコンが必要です。
  8. モジュールのプロパティに移動し、以下の説明を追加します。This is the BrandTwee corporate template which provides a set of common forms using our corporate image guidelines.
  9. モジュールのアイコンを定義します。
  10. これで、フォーム画面やバリデーションなどのテンプレートで提供する機能を開発し、基本テーマを企業のブランドイメージに沿うように調整できます。
  11. パブリッシュします。パブリッシュすると、新規アプリケーションを作成する際にテンプレートリストに表示されるようになります。
  • Was this article helpful?