WebBroker 上で動作する WebStencils のライブ デモを公開しました。wsdemo.embarcadero.com でご確認いただけます。ダウンロードやセットアップは不要です。ブラウザを開いてすぐに試すことができます。

これは、GitHub およびDockerHubで公開されているデモプロジェクトと同じですが、デプロイ済みです。リポジトリをクローンしたり、自分でコンパイルする必要もなく、WebStencils の動作を確認できます。デモは Docker で実行され、15 分ごとに自動的にリセットされるため、自由に実験することができます。

デモの内容

このデモでは、WebStencils の機能を示すいくつかの実際のシナリオを取り上げています。

ロールベースアクセスによるセッション管理

このアプリには、様々なユーザーロールに対応した完全な認証システムが搭載されています。ログイン可能なユーザー:

• demo / demo123 (標準ユーザー)
• admin / admin123 (追加権限を持つ管理者ロール)

ログインすると、セッションの仕組み、ロールによる各種機能へのアクセス制御、テンプレートを通じたユーザー情報の流れを確認できます。管理者ユーザーは顧客管理機能にアクセスでき、標準ユーザーはタスクデモにアクセスできます。

HTMX タスクアプリ

WebStencils がどのように動的なコンテンツを更新するかを示す、HTMXで構築されたフル機能のタスク管理アプリがあります。タスクの追加、完了のマーク付け、編集、削除など、ページ全体をリロードすることなく実行できます。HTMX​​ 統合は、WebStencils テンプレートが最新の JavaScript ライブラリと連携してインタラクティブなエクスペリエンスを実現する方法を示しています。

各ユーザーセッションは独自のタスクリストを保持するため、リクエスト間でセッションデータがどのように管理されるかを確認できます。

ドキュメントとルーティング例

デモには、WebStencils の構文とテンプレートパターンを説明するドキュメントページが組み込まれています。以下の例をご覧ください。

• 宣言的なルート定義を使用した WebBroker ルーティングの仕組み
• テンプレートの継承とレイアウトページ
• 再利用可能なコンポーネントのための部分テンプレート
• 条件付きレンダリングとループ
• テンプレート内での Delphi オブジェクトのデータへのアクセス

試してみる

wsdemo.embarcadero.com にアクセスして、実際に操作してみましょう。上記のいずれかの認証情報でログインし、タスクのデモを確認し、顧客管理（管理者の場合）を閲覧し、ドキュメントページを読んで動作を確認してください。

デモをローカルで実行したり、コードを確認したい場合は、すべて GitHub で入手できます。また、Docker イメージは DockerHub にあります。RAD Studio 13 Florence がない場合は、30日間のトライアル版が、こちらからダウンロードいただけます。

皆様からのフィードバックや貢献を歓迎いたします。改善点などございましたら、GitHub で Issue を作成するか、Pull requests を送信してください。

ぜひお試しいただき、ご感想をお聞かせください！