Skip to main content

 

Silk WebアプリケーションのUIをOutSystems UIフレームワークに移行する

 

OutSystems

Silk WebアプリケーションのUIをOutSystems UIフレームワークに移行する

このドキュメントでは、Silk Web UIアプリケーションのユーザーインターフェイス(UI)フレームワークを新しいOutSystems 11 UI Webフレームワークにアップグレードするための移行方法を紹介しています。これはSilk UI Webフレームワークを基にしたアプリケーションに適用されますが、以前のUIソリューション(Londonテーマや任意のカスタムテーマなど)の移行にも適用されます。移行は手動プロセスです。

このドキュメントは、OutSystems Webプラットフォームに関する中程度から高度な知識を持つOutSystemsの開発者を対象としています。開発者が移行を行う方法はいくつかあります。

  • 各Silk UIパターンを一度に1つずつ削除し、それをOutSystems Web UIのパターンに置き換えます。これは最も単純な移行方法です。
  • 画面単位でパターンを移行し、同じ画面の各パターンの「Source Web Block」アトリビュートを変更します。
  • Silk UIへの参照を完全に削除し、「Source Web Block」アトリビュートが同じになるようにOutSystems UIのUIフローやパターンの名前を変更しますが、パターンは更新されます。

このプロセスは、以下のドキュメントに基づいています。

  • Silk WebアプリケーションのUIをOutSystems UIフレームワークに移行する(このドキュメント)
  • Webアプリケーションのストラクチャを移行する
  • Webアプリケーションのパターンを移行する
  • 移行参照テーブル

最初にストラクチャを変更し、次にパターンを変更することで、アプリケーションのUIフレームワークをアップグレードする移行方法の具体的な手順は、「Webアプリケーションストラクチャを移行する」および「パターンを移行する」で説明されています。

根拠

OutSystems 11では、UI Webフレームワークを改善し、Webランタイムやプラットフォーム自体に近づけました。WebアプリケーションでOutSystems 11の新機能を使用するには、OutSystems 10のアプリケーションのUIフレームワークをOutSystems Web UIフレームワークに移行する必要があります。これにより、画面テンプレートを使用できるようになります。このテンプレートは当面の間、新しいUI機能をデフォルトで継承する新しいアプリケーションテンプレートのみと連動します。

OutSystems 11では、Silk Web UIフレームワークが新しいOutSystems Web UIフレームワークに置き換わります。以下の点にご注意ください。

  • Silk UI Webで作成されたWebアプリケーションでOutSystems Web UIフレームワークを使用する場合は、Webアプリケーションを新しいUIフレームワークに手動で移行する必要があります。
  • OutSystems 11のビルトイン画面テンプレートは、OutSystems Mobile UIフレームワークおよびOutSystems Web UIフレームワーク向けに設計されています。Silk UIフレームワークを基にしたアプリケーションで画面テンプレートをインスタンス化しようとすると、互換性に関する警告が表示されます。最適なエクスペリエンスを実現するには、OutSystems 11のいずれかのビルトインアプリケーションテンプレートを基にした新しいアプリケーションで画面テンプレートを使用します。
  • Silk UI Mobileで作成されたアプリの開発は、アプリに変更を加えることなくOutSystems Mobile UIで継続できます。

時間と複雑さに関する考慮事項

新しいUIフレームワークへの移行に要する時間と労力を見積もる必要があります。実際のパターンを置き換えるのは複雑ではありませんが、一部の置き換えでは、関連するプレースホルダ、パラメータ、またはロジックの変更が必要です。つまり、複雑なパターン使用に対応する場合、移行は難しいタスクになる可能性があります。パターンのみの置き換えとエラーの修正を伴う上位レベルの移行のほうが、下位レベルの移行よりも短い時間で済む場合があります。

OutSystems Web UIフレームワークの新しいCSSクラスとストラクチャの詳細を十分に理解したうえで、アプリケーションの移行を開始する必要があります。必要に応じてOutSystems UI Webでまったく同じ見た目にすることは可能ですが、細部にわたって十分に注意する必要があります。

移行方法や関連するタスクの見積もりは、以下のようにWebアプリケーションがスタイルガイドを使用しているかどうかによって異なります。

  • ビルトインのメインテーマやレイアウトを継承するアプリケーション。こうしたアプリケーションを移行するには、この文書で参照するドキュメントの手順に従います。
  • メインテーマやレイアウトに関するスタイルガイドを継承するアプリケーション。こうしたアプリケーションを移行するには、最初にスタイルガイドを移行し、次にアプリケーションを移行します。
  • Was this article helpful?