Webテンプレートシステム
| Data transformation |
|---|
| Concepts |
| Transformation languages |
| Techniques and transforms |
| Applications |
|
| Related |
WebパブリッシングにおけるWebテンプレートシステムにより、Webデザイナーや開発者はWebテンプレートを用いて、検索結果などのカスタムWebページを自動生成できます。これにより、静的なWebページ要素を再利用しながら、 Webリクエストパラメータに基づいて動的な要素を定義できます。Webテンプレートは静的コンテンツをサポートし、基本的な構造と外観を提供します。開発者は、コンテンツ管理システム、Webアプリケーションフレームワーク、HTMLエディタからテンプレートを実装できます 。
概要
Webテンプレート システムは、次の要素で構成されます。
- テンプレートエンジン：システムの主要な処理要素。 [1]
- コンテンツ リソース:リレーショナル データベース、XMLファイル、LDAPディレクトリ、その他の種類のローカル データまたはネットワークデータなどからのさまざまな種類の入力データ ストリーム。
- テンプレート リソース:テンプレート言語に従って指定されたWeb テンプレート。
テンプレートとコンテンツリソースはテンプレートエンジンによって処理・結合され、それぞれが類似した視覚的フォーマットを持つウェブドキュメントを大量に生成します。この記事では、ウェブドキュメントとは、HTTP、HTTPS、またはその他のインターネットプロトコルを介してウェブ上で送信される様々な出力形式を指します。
テンプレートエンジン
例
モデルは通常リレーショナルデータベースに保持されるため、MVCアーキテクチャの残りのコンポーネントはコントロールとビューです。最も単純なシステムでは、これら2つは分離されていません。しかし、関心の分離の原則を適用することで、関係を完全に分離することができます。
たとえば、ビュー テンプレートは次のようになります。
<!DOCTYPE html> < html xmlns = "http://www.w3.org/1999/xhtml" > < head >< title >サイト</ title ></ head > < body >< h1 data-xp = "title" > <!-- プレースホルダー --> </ h1 ></ body > </ html >次に、コントロール テンプレートはビューを読み込み、XPathアドレス指定[オリジナル調査? ]を使用してデータベースからコンポーネントを挿入します。次に例を示します。
<?php $doc = new DOMDocument ; $doc -> preserveWhiteSpace = false ; $doc -> Load ( 'view.html' ); $titlenode = $doc -> createTextNode ( "Like this" ); $xpath = new DOMXPath ( $doc ); $xpath -> registerNamespace ( "h" , "http://www.w3.org/1999/xhtml" ); $query = "//h:*[@data-xp='title']/comment()" ; $entries = $xpath -> query ( $query ); foreach ( $entries as $entry ) { $entry -> parentNode -> replaceChild ( $titlenode , $entry ); } echo $doc -> saveXML (); ?>テンプレートシステムの種類
ウェブブラウザとウェブサーバーはクライアントサーバーアーキテクチャです。ウェブサイトではパフォーマンス向上のためにウェブキャッシュが使用されることもよくあります。テンプレートシステムは、プレースホルダーを実際のコンテンツに置き換えてページを組み立てるタイミングに基づいて5つのタイプに分類されます。
- サーバー側 – 実行時の置換はWebサーバー上で行われる
- クライアント側 – 実行時の置換はウェブブラウザで行われる
- エッジサイド – 実行時の置換は、Webサーバーとブラウザ間のプロキシで行われます。
- 外部サーバー – 静的Webページはオフラインで生成され、Webサーバーにアップロードされます。実行時の置換はありません。
- 分散型 – 実行時の置換は複数のサーバーで行われる
テンプレート言語には次のようなものがあります:
- 埋め込み型またはイベント駆動型。
- シンプル、反復可能、プログラム可能、または複雑。
- コンソーシアムによって定義される場合もあれば、非公開で定義される場合もあり、あるいはオープン実装によって事実上定義される場合もあります。所有権は仕様の安定性と信頼性に影響を与えます。しかし、ほとんどの法域では言語仕様は著作権の対象とならないため、制御権が絶対的なものになることはほとんどありません。
テンプレート エンジンのソース コードは、独自のものでもオープン ソースのものでもかまいません。
多くのテンプレートシステムは、より大きなプログラミングプラットフォームまたはフレームワークの構成要素です。これらは「プラットフォームのテンプレートシステム」と呼ばれます。一部のテンプレートシステムでは、別のテンプレート言語またはエンジンを代替できるオプションが用意されています。[要出典]
言語サポート
Perl、Ruby、C、Javaなどのプログラミング言語は、ネイティブ、またはアドオンライブラリやモジュールを通じてテンプレート処理をサポートしています。JavaServer Pages（JSP）、PHP、Active Server Pages （ VBScript、JScript 、またはその他の言語を使用したASP ）は、それ自体がWebテンプレートエンジンの例です。これらの技術は、通常、サーバーサイドのテンプレートシステムで使用されますが、「エッジサイド」プロキシや静的ページ生成にも適応できます。
静的サイトジェネレーター
静的サイトジェネレーターは、 MarkdownやAsciidocなどのフラットテキスト入力ファイルを使用して静的なウェブページを生成するエンジンです。例としては、 Jekyll（Liquid、Ruby）、Hugo（Goテンプレート）、Pelican（Jinja2、Python）などが挙げられます。
静的HTMLエディター
HTMLエディタは、静的なウェブページを作成するためにウェブテンプレートシステムを使用することが多い。これらは、既製のウェブデザインと見なすことができ、迅速な導入のために「クッキーカッター」のようなウェブサイトを大量生産するために使用される。また、 CSSスタイルの代わりにテーマが含まれていることも一般的である。一般的に、テンプレート言語はエディタソフトウェアでのみ使用される。[5]
FrontPageとDreamweaverはかつて、テンプレートサブシステムを備えた最も人気のあるエディタでした。Flashウェブテンプレートは、Macromedia Flashを使用して視覚的にインタラクティブなサイトを作成します。
多くのサーバーサイドテンプレートシステムには、出力ページをサーバー上に公開するオプションがあります。この場合、公開されるページは静的です。これはVignetteのようなコンテンツ管理システムでは一般的ですが、サーバー外への生成とはみなされません。ほとんどの場合、この「公開オプション」はテンプレートシステムの動作を妨げることはなく、Wgetなどの外部ソフトウェアで作成できます。
サーバー側システム
人々は、テンプレートから生成されたサーバーサイドの動的ページを、このタスク向けに適応された既存のソフトウェアを使って使い始めました。この初期のソフトウェアは、Web用に適応され、CGI上で実行されるプリプロセッサとマクロ言語でした。次に、シンプルながらも重要な技術として、 SSIに始まる拡張モジュール上での直接実行が登場しました。
多くのテンプレート システムは、通常、サーバー側のテンプレート システムとして使用されます。
技術的には、多くの「サーバーサイドインクルードスクリプト言語」で使用されている、HTML（またはXMLなど）内にプログラミング言語を埋め込む手法もテンプレートです。これらはすべて、埋め込み型複合言語です。
| システムラベル/名前 | 注記 |
|---|---|
| アクティブ サーバー ページ(ASP) | 独自仕様（Microsoftプラットフォーム）。ASPのVBScript、Javascript、PerlScriptなどの拡張機能も参照してください。 |
| eRuby | パブリック（Ruby）。 |
| ColdFusion マークアップ言語(CFM) | パブリック ( Lucee、Railo、OpenBD)。プロプライエタリ ( Adobe ColdFusion )。 |
| ジャカルタ サーバー ページ(JSP) | パブリック、Jakarta EE。 |
| アクティブPerl | 公共。 |
| PHP | 公共。 |
| オープンACS | パブリック ( Tcl )。 |
サーバー側テンプレートエンジンとして使用されるプリプロセッサもあります。例:
| プリプロセッサ | 注記 |
|---|---|
| Cプリプロセッサ | パブリック。埋め込み反復可能言語。 |
| M4 | パブリック。埋め込まれた複雑な言語。 |
エッジサイドシステム
エッジサイドのテンプレートおよびインクルードシステム。「エッジサイド」とは、クライアント（ブラウザ）と元のサーバーの間に存在するウェブサーバーを指します。これらはしばしば「リバースプロキシ」サーバーと呼ばれます。これらのサーバーは一般的に、画像やページフラグメントなどのコンテンツをキャッシュし、ブラウザに効率的に配信することで、元のサーバーの負荷とトラフィックを軽減する役割を担っています。
Basic Edge Side Include (ESI) は SSI に似た言語です。ESI はコンテンツ配信ネットワーク向けに実装されています。ESI テンプレート言語は、JavaScript と Ajax を使用するか、ブラウザの「プラグイン」を介して Web ブラウザに実装することもできます。
クライアント側システム
多くのウェブブラウザは、XMLデータにXSLTスタイルシートを適用してXHTMLドキュメントに変換することで、ブラウザ自体にテンプレート機能を提供します。他のシステムでは、 JavaScriptやその他のクライアントサイドスクリプト言語
を使用してブラウザにテンプレート機能を実装しています。
- 口ひげ
- リスのような
- ハンドルバー
分散システム
最もシンプルな形式はトランスクルージョン（HTMLフレーム）です。それ以外の場合には、動的なWebページが必要になります。
例:
参照
| 概念: | 規格: | ソフトウェア： |
参考文献
- ^ “テンプレートエンジン”. phpwact.org wiki. 2012年12月4日時点のオリジナルよりアーカイブ。 2013年1月7日閲覧。
- ^ Niemeyer, Patrick (2002). 『Learning Java』 セバストーポル: O'Reilly. ISBN 0-596-00285-8。
- ^ マノレスク、ドラゴス (2006). 『プログラム設計のパターン言語 5』参考文献: Addison-Wesley Professional. ISBN 0-321-32194-4。
- ^ Fowler, Martin (2003). 『エンタープライズ・アプリケーション・アーキテクチャのパターン』ボストン: Addison-Wesley. ISBN 0-321-12742-0。
- ^ MacDonald, Matthew (2015). ウェブサイト作成：失われたマニュアル。第8章 > 同じコンテンツを複数のページに配置する > Webテンプレート > メモ: O'Reilly Media, Inc. ISBN 9781491936177. 2016年1月19日閲覧。
{{cite book}}: CS1 maint: location (link) - ^ “{{mustache}}” . 2013年10月15日閲覧。
- ^ jodyburns. 「Topsite Templating System」 . 2013年10月15日閲覧。
9. 無料の電子商取引 Web サイト テーマ MG Technologies のブログおよび Web サイト テーマの情報ポータル。
外部リンク
- 2009 年の JavaScript テンプレート ライブラリの比較
- テンプレートエンジンにおける厳密なモデル・ビュー分離の強制
- テンプレートベースのWebアプリケーションで効果的なモデル・ビュー分離を実現するための二重モデルアプローチ
- PHPテンプレートエンジンとグラフの比較
- いくつかの Python テンプレート エンジンの比較/ベンチマークとテンプレート エンジンに関する一般的な考察
- web-mode.elは、Webテンプレートを編集するためのemacsメジャーです。
