シンプルなHTMLテンプレートで任意のWebテクノロジーを選択可能
WebStencilsのテンプレートは、開発者やWebデザイナーなら誰でも作成、編集できるシンプルなHTMLファイル。通常のHTMLページとテンプレートページを組み合わせることも、現在利用しているライブラリ／フレームワークを用いた機能拡張も可能です。
キーポイント： Delphi/C++開発者は、特に希望しないり、フロントエンドを担当する必要はありません。多くのケースでは、UIのデザインと開発はWebスペシャリストに任せるのが適切です。
既存の開発チームのナレッジ、プロセスを活用
- Bootstrap、jQuery、HTML、Tailwind、プレーンなJavaScriptに対応
- 全ページまたはページの一部（構成要素）で利用可能
- UIとスタイルはWeb開発者が担当可能
- ビジネスロジックとセキュリティはDelphi / C++開発者が担当
「強化されたHTML」（高い可読性）
テンプレートはHTMLのまま。動的コンテンツが必要な箇所にのみ、「＠」キーワードを用いてループや条件を記述します。
<h1>Our Products</h1>
@ForEach (var product in products)
{
<div>
<h3>@product.name</h3>
<p>Price: $@product.price</p>
@if product.inStock {
<button>Add to Cart</button>
}
@else {
<span>Out of Stock</span>
}
</div>
}
ヒント：任意のCSSフレームワークを用いてスタイルを設定します。ページの一部分を更新するには、HTMX属性を追加します。
WebStencilsでできること
RAD Studioによる最新のWeb開発においては、WebStencilsが最適な選択解であることは、以下の強力な機能が証明しています。
最新のWebサイト開発に対応
ブログ、オンラインカタログ、Wikiなど、ナビゲーション機能やインタラクティブ機能を備えたWebサイトを作成可能。WebStencilsは、WebBrokerやRAD Serverといった既存のWebテクノロジーにサーバーサイドスクリプト機能を提供することで、Webサイト構築をサポートします。
簡略化された構文
@と中括弧（{}）を用いたシンプルな構文は、従来のタグベースの表記法よりも、記述もメンテナンスも容易。オブジェクトの値にアクセスするには@object.value のようにドット表記を使用し、高度な機能には特別なキーワードも用意されています。
HTMXを活用可能
WebStencilsは、HTMXを用いたWeb開発ソリューションとして強力な基盤を提供します。この2つの技術は相互に有効に機能します。HTMXページはWebStencilsによるサーバーサイドコード生成の恩恵を受け、さらにコンテンツ更新にRESTサーバーと連携できます。結果的に、複雑なJavaScriptへの依存性が軽減されます。
再利用可能なテンプレート・レイアウト
WebStencilsでは、@LayoutPageや@RenderBodyなどのキーワードを用いて、共有HTMLテンプレートをページコンテンツと結合することができます。また、@Importを使用して再利用できるコンポーネントを作成すれば、コードを整理し、メンテナンス性を向上できます。
どのように機能するのか？
「ページのアイデア」から「実際に動作するWebアプリ」までの道のりは僅かです
1) バックエンドの構築
Delphi / C++アプリケーションからデータとアクションを公開
2) HTMLテンプレートの作成
標準のHTMLに、@キーワードを用いて、値、ループ、条件を追加
3) モダンなUXを追加（オプション）
ページの部分更新にはHTMX属性を使用（大規模なJavaScriptフレームワークは不要）
WebStencilsの構文を学ぶ
基本構文
@LayoutPage "layout.html"
@ForEach (var Task in Tasks) {
@Import partials/tasks/item { @Task }
}セキュリティフック（セッションベース）
@if session.Authenticated {
<div>Visible to logged-in users</div>
}
@if session.UserHasRole('admin') {
<div>Admin only</div>
}
WebStencilsによるWeb開発を学ぶ無料のガイドブック提供中
アントニオ・ザパター氏著。WebStencilsを用いた効率的かつメンテナンス性の高い動的Webアプリケーション構築の手法を解説したホワイトペーパーをご活用ください。
主なコンテンツ：
- RAD Studioに搭載された強力なテンプレートエンジンWebStencilsの概要
- HTMXの概要と基本概念
- 実践的なステップバイステップ・チュートリアル
- スケーラブルなWebアプリケーション構築のための高度な技術
- エンタープライズソリューションRAD Serverとの統合
著者紹介
アントニオ・ザパテル氏は、RAD Studio開発のエキスパートとして活躍しており、最新のWeb開発技術とサーバーサイド技術に関する豊富な経験を有しています。
Q&A
はい、テンプレートは、既存CSSやJavaScriptライブラリを含めることのできるプレーンなHTMLファイル（全ページまたはページを構成する一部分）です。Web開発者は使い慣れたツールで作業でき、バックエンドコードを扱うことなく、UIの変更をリリースできます。
いいえ、任意のCSS/JSライブラリ（Bootstrap、Tailwind、jQuery、HTMXなど）を用いることができます。特定のライブラリに縛られることはありません。
WebBrokerまたはRAD Serverでホストすることができます。スタンドアロンでも、Apache、NGINX、IIS、FastCGIでも実行できます。
ビジネスロジックは、DelphiまたはC++で記述し、サーバーサイドで実行されます。HTMXを使用するときは、最小限のJSが必要になります。