Elevate Web Builder から sgcHTML への移行 — Delphi Web UI コンポーネント | eSeGeCe

Elevate Web Builder から sgcHTML への移行

Elevate Software の Elevate Web Builder は、独自の IDE と、JavaScript にコンパイルされる Object Pascal 方言を備えた高速アプリケーション開発環境です。Pascal 開発者にブラウザへの本格的なビジュアル開発の道を提供し、バージョン 3.x は現行で活発にメンテナンスされています。RAD Studio でも作業するチームが sgcHTML に注目するのは、すでに持っている Delphi(または C++ Builder)プロジェクトの中で、標準的な Object Pascal を使い、サーバーレンダリングされた Bootstrap 5 ページ、htmx のインタラクティブ性、WebSocket リアルタイムを備えた Web UI を構築できるからです。

アーキテクチャ上の変更点

Elevate Software によれば、Elevate Web Builder のアプリケーションは独自の IDE 上で、JavaScript にコンパイルされる Object Pascal 方言で記述します。アプリケーションはブラウザ内のクライアントサイドで動作してサーバーモジュールと通信し、Delphi ホスト向けにはネイティブモジュールを構築できます。sgcHTML はそのモデルを反転させます。コンポーネントはサーバーにコンパイルされるネイティブクラスで、HTML はサーバーサイドでレンダリングされ、ブラウザは薄い標準的なクライアントのままです。

1 つの IDE、標準の Pascal

RAD Studio と標準の Delphi、C++ Builder、.NET の中に完全にとどまります。習得すべき第二の IDE も言語方言もありません。sgcHTML コンポーネントは、既存プロジェクト内のネイティブクラスです。

プロセス内のデータアクセス

ページはサーバー上でレンダリングされ、任意の Delphi ライブラリ、データベースドライバー、既存のデータモジュールへ直接アクセスできます。27 種類のデータアウェアコンポーネントが TDataSet に直接バインドし、UI とデータの間にモジュール境界はありません。

Bootstrap 5 と htmx

出力は、検証でき、任意の Bootstrap テーマで再スタイルできるクリーンな Bootstrap 5 マークアップです。インタラクティブ性は htmx(約 14 KB)が担うため、あなたが Object Pascal や C# を書けば、sgcHTML が HTML、CSS、JavaScript を書きます。

リアルタイムと完全なソース

WebSocket プッシュは同じコンポーネントセットに組み込まれており、サーバーは sgcHTMX エンジンを通じて HTML フラグメントをブロードキャストします。コンポーネントレイヤーは完全なソースコード付きで出荷されます。

Elevate Web Builder の概念を sgcHTML にマッピング

Elevate Web Builder アプリケーションの各構成要素には、sgcHTML モデルに直接の対応先があります。

Elevate Web Builder の概念sgcHTML での対応
Elevate Web Builder の IDE プロジェクト既存の RAD Studio プロジェクト。コンポーネントは、そこに追加するネイティブクラスです
フォームとビジュアルコントロールsgcHTML のノードコンポーネント。9 つのファミリーに分かれた 89 種類のサーバーサイドコンポーネント
データセットとサーバーモジュールサーバー内での直接の TDataSet バインド。27 種類のデータアウェアコンポーネントがプロセス内でデータを読み取ります
コンパイルされた JavaScript クライアントhtmx(約 14 KB)でインタラクティブに保たれる、サーバーレンダリングの Bootstrap 5 HTML
クライアントサイドのイベントハンドラーコンポーネントの HTML を返す htmx フラグメントルート
静的ファイルとサーバーモジュールによるデプロイ外部ランタイム不要の、単一の自己完結型サーバー実行ファイルまたはサービス
コントロールのスタイルプロパティライトとダークを標準搭載し、任意の Bootstrap テーマで再スタイルできる Bootstrap 5 テーマ
ライブデータ更新sgcHTMX エンジンによる HTML フラグメントの WebSocket ブロードキャスト(hx-swap-oob)

すでに機能しているものはそのまま

UI レイヤーを移行しても、ゼロから始めることにはなりません。その周辺の投資はそのまま引き継がれます。

コードベースと IDE

Delphi や C++ Builder のプロジェクトはそのままの場所にとどまります。sgcHTML はその中にコンパイルされ、Web UI は同じビルドの一部になります。

データモジュール

既存の TDataSet ロジック、クエリ、ビジネスルールはそのまま再利用されます。データアウェアコンポーネントは、すでに保守しているデータセットにバインドします。

デプロイの習慣

これからも単一のバイナリを出荷します。アプリケーションは、外部ランタイム不要の自己完結型実行ファイルまたはサービスとしてデプロイされます。

チームのスキル

Object Pascal と C# が引き続き作業言語です。誰も方言を学んだり、JavaScript を手で保守したりする必要はありません。

現実的な移行パス

すべてを一度に移行する必要はありません。画面ごとに移行する間、両方のサーバーを並行稼働できます。

1

画面を棚卸しする

Elevate Web Builder アプリケーションのフォーム、それぞれが表示するデータ、ライブ更新が必要なものを洗い出します。

2

コンポーネントにマッピングする

各画面を sgcHTML のグリッド、フォーム、チャート、ダッシュボードに対応付けます。89 種類すべてのコンポーネントから対応するものを選んでください。

3

ページ単位で再構築する

sgcHTML は標準の HTTP を配信するため、ページを 1 つずつ移していく間、両方のサーバーを同じリバースプロキシの背後で並行稼働できます。

4

インタラクティブ性を配線する

部分更新には htmx のインタラクションを、アプリケーションがライブデータを必要とする箇所には WebSocket プッシュを追加します。

私たちが移行をお手伝いします

独りで進める必要はありません。Elevate Web Builder アプリケーションについて、画面、その背後にあるデータ、必要なリアルタイムの動作をお聞かせください。eSeGeCe チームが、画面の棚卸し、コンポーネントマッピング、現実的なスケジュールといった移行計画の立案を支援します。ご希望であれば、sgcCustomization HTML(€149 からの一回限りのパッケージ)を通じて、アプリケーションを私たちが再構築します。

稼働中のデモを見る

5 つの完全なアプリケーション。いずれも sgcHTML + sgcWebSockets だけで構築され、eSeGeCe のデモサーバー上でライブに動作しています。

ERP

顧客、仕入先、商品、請求書、レポート。

ライブデモを開く →

管理 CRUD

CRUD 画面とライブ検索を備えたコンパクトな管理コンソール。

ライブデモを開く →

ライブモニター

KPI が WebSocket 経由でプッシュされるリアルタイムダッシュボード。

ライブデモを開く →

カスタマーポータル

注文、プロフィール、サポートを備えたセルフサービスポータル。

ライブデモを開く →

ヘルプデスク

返信スレッドと管理側の統計を備えたサポートチケット型ヘルプデスク。

ライブデモを開く →

公平を期すために。製品がサーバーの関与を最小限にしてブラウザ内のクライアントサイドで動作しなければならず、チームが Elevate Web Builder の IDE で生産的であるなら、そのまま使い続けるのは妥当な選択です。バージョン 3.x は現行で活発にメンテナンスされています。ベンダーの出典を添えて選択肢を比較したい場合は、中立的な比較ページが出典付きの横並びマトリックスを提供しています。

最もお得な選択: All-AccesseSeGeCe の全製品にプレミアムサポートが付いて、年間 €1,059 からご利用いただけます。
All-Access の価格を見る

次の Web UI は RAD Studio で構築

89 種類すべてのコンポーネントを含む無料体験版をダウンロードするか、エディションとライセンスをご確認ください。sgcHTML は開発者ごとに €299 からライセンスされ、sgcWebSockets Professional または Enterprise が必要です。