テンプレートエンジン

テンプレートエンジンとは？

　状態:- 　閲覧数:1,833 　投稿日:2009-07-09 　更新日:2017-10-21 　

英語表記
・Template Engine

テンプレートと呼ばれるHTMLのひな形を元にプログラムで加工し、画面に出力するためのライブラリ
・プログラムのファイルの中で、テンプレートを読み込んで解析し、そのテンプレートに任意の値を当てはめて、出力すること
・テンプレートと呼ばれる雛形と、あるデータモデルで表現される入力データを合成し、成果ドキュメントを出力するソフトウェアまたはソフトウェアコンポーネント
・テンプレートおよび成果ドキュメントは複数のこともある

導入メリット

HTML とプログラムが疎結合になる

疎結合とは？
・細分化された個々のコンポーネント同士の結びつきが比較的緩やかで、独立性が強い状態のこと

導入デメリット

特殊な文法を理解する必要が生じる
・そのテンプレートエンジン専用の特殊な文法で記述しなければいけない

HTML が汚れてしまうので、確認がしづらくなる
・HTML に異物が混じるので、コーディング時に HTML 単体をブラウザ表示しての確認がしづらくなる

ライブラリへの依存
・ライブラリの導入が必要だが、テンプレートエンジンには流行り廃りがあるため、不安定な土台に依存する危険がある

テンプレートエンジンライブラリ

PHP
・Blade
・twig
・Smarty

JavaScript
・JsRender
・Underscore.js
・Handlebars
・Transparency

Node.js
・EJS

Ruby, JavaScript, Python, Erlang,node.js, PHP, Perl, Perl6,Objective-C, Java, C#/.NET,Android, C++, Go, Luaなど
・Mustache

Twitter検索結果。「テンプレートエンジン」に関する最新ツイート

Makoto Mori（モナド）@コードレビュー受け放題サービス運営　@makomori26

@masa_okubo MPAっていう呼び方があるんですね！SPAでないDOMの描画的なイメージですかね！テンプレートエンジンなどの動的言語に関しても納得です。そういう基準でレガシー・非レガシーを分けるのは実用的でとても良いですね！丁寧に答えて頂きありがとうございます 😭　2022/07/02 15:14

蓮根男　@rencon_tanaka

テンプレートエンジン使う利点って何?　2022/07/01 15:02

豚林 medy.nim🐍👑@DecentralizedWeb　@dumblepytech1

NimでPreactのhtmをテンプレートエンジンとして使ってSPA作る実験してみたけどムリなことがわかった CDNから読むファイルがscript type=module前提になっててNimから呼び出せないムリだというファクトが明らかになったので前進ですね　2022/07/01 09:43

新しいフォルダ(7)　@HilariPessimist

カードを並べるレイアウトがvuetifyで実現できる上に、基礎部分がテンプレートエンジンとしての機能を持っている。 Vue触ってみようかな。テンプレートへの値の渡し方を見るに、多言語対応もしやすそう。　2022/07/01 07:49

新しいフォルダ(7)　@HilariPessimist

あと自力でできるの多言語対応の準備ぐらいか。 JSのフレームワーク使ってテンプレートエンジンを利用できるようにするのが良いのかな。 Bottleのテンプレートエンジン意味分からん。　2022/06/30 18:50

ぷろう　@plow_10

みんなhtmlが改行コードをスペースと解釈する問題に悩むワイを置いてテンプレートエンジンと行ってしまった　2022/06/30 02:23

Hiroyuki Nakazato / 中里浩之　@nakazax

MLOps の問題を解決するための新機能が MLflow Pipelines テンプレート、パイプラインエンジン、Opnionated structure が特長 https://t.co/6FGiQH6udR　2022/06/30 00:58

ymwk🍙素寒貧　@yantona

PHPからPDF帳票出力する際は、今ではmPDFが一番便利かもしれんなあ。htmlからPDF出力できて、対応しているCSSもそこそこ、画像貼り付けもOK。そして、任意のテンプレートエンジンでフェッチすればかなり効率上がりそう　2022/06/30 00:19

r7kamura　@r7kamura

RuboCopでテンプレートエンジンをサポートするか若しくは3rd Party製のそういうものをつくるためのAPIを提供できると良さげなんだがというスレを立てた "Template language support · Discussion #10768 · rubocop/rubocop" https://t.co/eDoTWjrtuL　2022/06/29 09:32

とりす⛄🐾❄☘🐕🐾　@t_tetosuki

テンプレートめ～（ビルドエラーの原因が見つからないと思ったら、ゲームエンジン側かいっ） error C2280: ～削除された関数を参照しようとしています note: コンパイラが 'xxx::operator =' をここに生成しました　2022/06/29 04:25

光陰 a.k.a Arrow　@yummydum

最近流行りのdbtはSQLにテンプレートエンジンを組み合わせることで手続的な記述やモジュール化などの問題を解決してるのだが、ちょっと根本解決感が無いと思っている。めっちゃ使うのが簡単なsparkみたいなやつが出てきたらパラダイムシフト起きるのでは、とか思ってる。　2022/06/28 23:53

神谷栄多　@EitaKamiya

Django の Form 内の Field に対して、装飾・グループ化を行う / https://t.co/r17Oa7LLUl / はじめに Django の Form は (デフォルトの) テンプレートエンジン内で {{ form }} のようにする[^1] と… #プログラミング教育 #プログラマー #SE #システムエンジニア #フリーランス #個人事業主 #講師　2022/06/28 19:16

神野まひろ　@hiro199207

ぼく「LBのレスポンスタイムよくないからDBアクセス周り調査してください。無駄なアクセスとかないか。」部下「テンプレートエンジンのイメージタグ生成外したら早くなりました。」ぼく「どう調査したの？クエリキャッシュじゃない？」部下「シークレットブラウザでちゃんとやりましたよ！」　2022/06/28 12:38

moroto　@moroto_

テンプレートエンジンに React を使いつつ、きれいな HTML を生成したいんじゃ！！｜otsukayuhi https://t.co/9fhxHsE0RG #zenn　2022/06/28 10:49

豚林 medy.nim🐍👑@DecentralizedWeb　@dumblepytech1

Nimのテンプレートエンジン上でdyo.jsを使ってJSX使いつつSPAのSSRできそうじゃん https://t.co/EcVDPWfuCw　2022/06/28 10:12

okiraku_neko　@okiraku_neko

svelteってただのテンプレートエンジンなんじゃじゃないの？ https://t.co/uVFJZPX9Yo　2022/06/28 06:27

norami@UXとAI　@norami_dream

この発想で、軽量な汎用テンプレートエンジン書けるんじゃないかと思って書いてみた。minify後で589Byte。処理が適当なのでReactとかと比べたら1要素あたりの動作は遅いけど、イニシャライズが速いのでこっちが速いケースも多いと思う。 https://t.co/zmZNstcQWR https://t.co/kvZV67Eqms　2022/06/28 02:55

lowtech　@lowtech06093986

同記事「Unityなどのゲームエンジンを使って開発されることが多く、アセットや他のゲームのテンプレートなどを使えるので開発の難易度も低いのです。」つまりUnityを使ってアセットをバリバリ導入しないとスピード感をもってアプリ作成ができず、結果難易度の上昇と1本あたりの製作額が高くなる　2022/06/28 01:03

猫家江戸八 🇺🇦🌏⋈タダで貰ったゴミ屋敷をDIYフルリノベして住んでる鬱病のSE　@edohachi_nekoya

昨日からGODOTエンジンを使ってみた 1)メッチャ軽い。秒で起動する。UEやUnityが起動してる間に作業に入れてる。 2)C#でコード書けるけど、基本的には標準のGODOTスクリプト言語推奨。 3)たまに書いてたスクリプトがテンプレートで上書きされて初期状態に（涙超こまめなバックアップ大事　2022/06/27 22:26

🥐🥖澪崎パン工房🫓🍞　@Rayn_sousak

@ninnjinn_oisii Google等の検索エンジンでテンプレート名を画像検索などすると元にたどり着いたりしますが…どうでしょう…。　2022/06/27 15:08

かいほつ　@hotsukai

erbとかjinjaみたいなテンプレートエンジンで吐いたHTMLに、React Portalで局所的なインタラクションを付けるパターン良さそうだけどあまり見た事ない　2022/06/27 08:59

ぽんちゃん@沖縄リモートワーク　@sea_engineer

ブラウザが解析できるのはHTML 色んな言語で書いても表示するためにHTMLに変換が必要。この装置がテンプレートエンジン。 HTMLコードを生成するのが役割だ😳! #テンプレートエンジン #HTML #フロントエンジニア #エンジニア　2022/06/26 23:11

ゆのみぽっと　@yunomi_potto

-> グレースケールにし強烈なボカシ処理をしましたが、当時公開していたWEB SITEの雰囲気はこんな感じでした。当時の検索エンジンですが、Blogサイトのようなテンプレートに沿ったデザインよりも、自分でhtmlを書いた独自性の有る方が有利だったような気がします。BackColorは定番の黒でしたね。 https://t.co/4yVaLBTvSL　2022/06/26 09:56

あいぎょ　@CHEMICAL_to_IT

【6/25】休日！お昼まで寝て、カフェに行って半額弁当を食べた🍱 お勉強は今日もぱふぇるびを読んだ。今日よんだなかではテンプレートエンジンが気になった👀　2022/06/26 00:07

shog　@shogos99

@panfn0103 ejsって↓のテンプレートエンジンのことですよね。 https://t.co/QryULEtslX 幾つもページがある場合に、フッタとかヘッダとかを共通化したりするテンプレートを書きやすくする支援ツールです。別に生のhtmlやjsでも全く問題ありません。 ejs 使い方とかでぐぐれば記事が出てきます。　2022/06/25 18:52

ゼロフィル

ワンライナー

順位	ページタイトル抜粋	％
1	パーセプトロン	47
2	エンタープライズシステム	45
3	レプリケーション	44
4	コンテナフォーマット	40
5	イテレータ	40
6	検索エンジン	38
7	スループット	38
8	アーキテクト	38
9	コンテキスト	38
10	システムインテグレーター	36
11	リバースエンジニアリング	36
12	コンポーネント	35
13	テキストデータ	35
14	レガシーシステム	33
15	ネットワークアドレス	30
16	Webアプリケーション	29
17	デファクトスタンダード	29
18	アプリケーションサーバ	29
19	デーモン	29
20	エントロピー／エントロピーソース	28
	2022/7/03 1:28 更新

順位	ページタイトル抜粋	アクセス数
1	ベクトル \| 数学 \| プログラミング用語	268
1	curl \| HTTPクライアント(ネットワーク) \| プログラミング用語	268
2	ルーター \| ネットワーク \| プログラミング用語	267
3	Flash Video \| コンテナフォーマット \| プログラミング用語	265
4	正規表現 \| プログラミング \| プログラミング用語	261
5	デーモン \| Linux \| プログラミング用語	258
6	ユースケース \| 開発 \| プログラミング用語	237
7	チェックアウト \| バージョン管理システム(開発) \| プログラミング用語	158
8	YouTube \| API \| プログラミング用語	128
9	Linux \| プログラミング用語	45
10	PowerShell \| スクリプト \| プログラミング用語	44
11	可搬性 \| プログラミング \| プログラミング用語	33
12	クローラ \| 検索エンジン \| プログラミング用語	25
13	Subversion \| バージョン管理システム(開発) \| プログラミング用語	23
14	アンチパターン \| プログラミング \| プログラミング用語	11
15	プログラミング用語	9
16	deflate \| ネットワーク \| プログラミング用語	8
17	Nginx ／ Nginxとは？／ Apacheとの違い \| プログラミング用語	6
17	YouTubeに掲載されている動画を、ユーザーが作成したWebサービス上で再生する方法 \| プログラミング用語	6
17	WebLogic \| アプリケーションサーバ(サーバ) \| プログラミング用語	6
	2022/7/3 1:01 更新

テンプレートエンジンとは？

導入メリット

導入デメリット

テンプレートエンジンライブラリ

Twitter検索結果。「テンプレートエンジン」に関する最新ツイート

コメント投稿(ログインが必要)

ゲスト … 1行コメント投稿