Skip to main content

 

アプリケーションの開発

 

 

OutSystems

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

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

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

  1. 新規アプリケーションを作成して、テンプレートとして使用するアプリのタイプを選択します。

  2. モジュールを作成してTemplate_<module_name>という名前を付けます。ここで、<module_name>は新規テンプレートに割り当てる名前です。

  3. モジュールを開きます。モジュールのプロパティに説明とアイコンを挿入します。上記手順で述べたモジュール名の構文に加えて、モジュールをテンプレートにするためには説明とアイコンが必要です。

  4. テンプレートに基づいてアプリケーションに組み込む開発項目、たとえばブロックやユーザー権限ロジックなどをモジュールに追加します。

  5. パブリッシュしてテンプレートを使用できるようにします。これ以降、アプリを作成する際は、このモジュールがテンプレートリストに表示されます。

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

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

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

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

  1. 新規のアプリケーションを作成し、構築するアプリのタイプとして[Mobile App]を選択します。

  2. アプリ名をBrandTweeTemplatesに設定します。

  3. テンプレートで提供する機能の一部がMargaritaテンプレートに含まれるため、モジュールのテンプレートとしてMargaritaを選択します。

  4. テンプレートにするモジュールを作成します。

  5. 名前を_Template_BrandTwee_ に設定します。ここでTemplate_ は、モジュールをテンプレートとして設定するために名前に必要なプレフィックスです。

  6. モジュールを開きます。名前に加えて、モジュールをテンプレートにするためには説明とアイコンが必要です。

  7. モジュールのプロパティに移動し、以下の説明を追加します。

    This is the BrandTwee corporate template which provides a set of common forms using our corporate image guidelines.

  8. モジュールのアイコンを定義します。

  9. これで、フォーム画面やバリデーションなどのテンプレートで提供する機能を開発し、基本テーマを企業のブランドイメージに沿うように調整できます。

  10. パブリッシュします。パブリッシュすると、新規アプリケーションを作成する際にテンプレートリストに表示されるようになります。

  • Was this article helpful?