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

IntraWeb から sgcHTML への移行

Atozed Software の IntraWeb は、最も長い歴史を持つ Delphi Web フレームワークの 1 つです。VCL スタイルのフォームを IDE で設計してサーバーサイドで HTML としてレンダリングし、限定版は RAD Studio にも同梱されています。成熟しており、Delphi 開発者にはなじみ深い存在です。IntraWeb アプリケーションを運用するチームが sgcHTML を検討するのは通常、モダンでレスポンシブな Bootstrap 5 マークアップ、より軽い部分的なページ更新、WebSocket リアルタイムを、使い慣れた Delphi の言語と IDE のままで手に入れたいときです。

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

Atozed Software が説明するように、従来の IntraWeb モデルでは、VCL スタイルのフォームを RAD Studio IDE で設計してサーバーサイドで HTML としてレンダリングし、ユーザーごとに 1 つのステートフルなセッションを保持します。このモデルは成熟しており、なじみやすいものです。生成されるマークアップはモダンな Bootstrap レイアウトより前の世代のため、レスポンシブでモバイルファーストな結果を得るには通常、追加の CSS 作業が必要です。sgcHTML はサーバーサイドレンダリングという考え方を維持しつつ、その周辺の要素を変更します。

Bootstrap 5 マークアップを標準で出力

すべてのコンポーネントが、クリーンでセマンティックな Bootstrap 5 HTML をレンダリングします。ページはデフォルトでレスポンシブかつモバイルファーストで、任意の Bootstrap テーマで再スタイルでき、ライトとダークのテーマも組み込みです。

htmx による部分更新

完全なフォームのラウンドトリップの代わりに、ブラウザが htmx(約 14 KB)経由で HTML フラグメントをリクエストし、サーバーはページの変更された部分だけを正確に返します。

状態管理は自由に選択

サーバー RAM 上に必須のユーザーごとの UI オブジェクトツリーはありません。ページはステートレスにレンダリングされ、アプリケーションが保持するセッション状態は(保持する場合も)自分で決められます。

リアルタイムとホスティングを標準搭載

WebSocket プッシュは、sgcHTMX エンジンを通じて同じコンポーネントセットに含まれています。コンポーネントは sgcWebSockets サーバーのほか、WebBroker、DataSnap、RAD Server ホストでも動作し、純粋なマネージド .NET 実装も利用できます。

IntraWeb の概念と sgcHTML での対応

概念はそのままきれいに引き継がれます。なじみのある IntraWeb の各構成要素が sgcHTML のどこに対応するかを示します。

IntraWeb の概念sgcHTML での対応
IDE で設計する IWFormTsgcHTMLPageBuilder とノードコンポーネントで構成するページ
IW コントロール(TIWEdit、TIWGrid、TIWButton)TsgcHTMLComponent_Form、TsgcHTMLComponent_Grid、TsgcHTMLComponent_Chart をはじめとする 89 コンポーネントのカタログ
DB 対応の IW コントロールTDataSet / DataSource に直接バインドする 27 種類のデータアウェアコンポーネント
OnAsyncClick コールバックコンポーネントの HTML を返す htmx フラグメントルート
ユーザーごとのセッションオブジェクトステートレスなページと、自分で選ぶセッションポリシー
ServerController によるデプロイ単一の sgcWebSockets サーバー実行ファイル、または WebBroker / DataSnap / RAD Server ホスト
カスタムテンプレートと CSSライトとダークを標準搭載した Bootstrap 5 テーマ
ライブデータのためのタイマーとポーリングHTML フラグメントの WebSocket ブロードキャスト(hx-swap-oob)

引き継げるもの

sgcHTML への移行で置き換わるのは UI レイヤーであって、これまでの投資ではありません。

コードベースと IDE

Delphi または C++ Builder とともに、これからも RAD Studio で作業できます。sgcHTML コンポーネントは、サーバーバイナリにコンパイルされるネイティブクラスです。

データモジュール

既存の TDataSet ロジック、データモジュール、データベースドライバーは、27 種類のデータアウェアコンポーネントにそのまま接続できます。新しいデータ層は不要です。

デプロイの習慣

今日と同じように、単一の自己完結型実行ファイルまたはサービスをデプロイします。外部ランタイムは不要です。

チームの言語スキル

あなたが Object Pascal や C# を書けば、sgcHTML が HTML、CSS、JavaScript を書きます。開発者に JavaScript は必要ありません。

現実的な移行パス

一括の書き直しは必要ありません。画面ごとに進める 4 つのステップです。

1

画面を棚卸しする

IWForm の一覧、各フォーム上のコントロール、その背後にあるデータセット、ライブデータが必要な画面を洗い出します。

2

各画面をマッピングする

上の表と、89 種類すべてのコンポーネントを掲載したコンポーネントギャラリーを使って、各画面を sgcHTML コンポーネントに対応付けます。

3

ページ単位で再構築する

sgcHTML は標準の HTTP を配信するため、両方のサーバーを同じリバースプロキシの背後で並行稼働させながら、一度に 1 画面ずつ移行できます。

4

インタラクティブ性とプッシュを配線する

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

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

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

sgcHTML 自体は完全なソースコードを含み、開発者ごとに €299 からライセンスされ、sgcWebSockets Professional または Enterprise が必要です。

稼働中のデモを見る

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

ERP

顧客、仕入先、商品、請求書、レポートを備えた本格的な ERP Web アプリケーションです。

ライブデモを開く →

管理 CRUD

CRUD 画面、ライブ検索、ロールベースのアクセス制御を備えたコンパクトな管理コンソールです。

ライブデモを開く →

ライブモニター

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

ライブデモを開く →

カスタマーポータル

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

ライブデモを開く →

ヘルプデスク

返信スレッド、添付ファイル、管理ダッシュボードを備えたサポートチケット型ヘルプデスクです。

ライブデモを開く →

公平を期すために。すでに動作する IntraWeb アプリケーションがあり、その VCL スタイルのサーバーサイドフォームモデルに精通したチームがいて、同時接続ユーザー数が控えめな社内ツールであれば、IntraWeb にとどまるのは妥当な選択です。根拠をもって選択肢を比較したい場合は、中立的な比較ページが、sgcHTML、IntraWeb、その他の Delphi Web フレームワークを出典付きの横並びマトリックスで示しています。

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

まずは 1 画面で sgcHTML を試す

89 種類すべてのコンポーネントを含む無料体験版をダウンロードして、IntraWeb の 1 画面を Bootstrap 5 ページとして再構築してみてください。その最初の 1 ページは、どんな比較表よりも多くを教えてくれます。