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

たとえば通販サイトの商品ページを考えてみて。レイアウトはどの商品も同じだけど、名前・価格・画像は商品ごとに違うよね。テンプレートエンジンは「ここに商品名、ここに価格」という雛形を用意して、データを流し込んで完成ページを作るんだ。「こんにちは、{{name}}さん！」みたいにプレースホルダーを書くイメージだよ。

PythonならJinja2、Node.jsならEJSやPug、JavaならThymeleaf、PHPならBlade（Laravel）が有名だよ。フロントエンド側ではReactのJSXやVueのテンプレート構文もテンプレートエンジンの一種と言えるね。

一番危険なのはユーザー入力をそのままテンプレートに埋め込んでしまうこと。XSS攻撃の原因になるから、必ずエスケープ処理が必要だよ。あとテンプレートの中にif文やfor文を大量に書きすぎると、HTMLとロジックがごちゃ混ぜになって保守が地獄になるから、ロジックは極力コントローラー側に寄せるのが鉄則だよ。

フロントエンドではそうだけど、サーバーサイドでHTMLメールを生成したり、PDFのテンプレートを作ったりするときにはテンプレートエンジンが活躍するよ。Next.jsのようなSSRフレームワークでも、メール送信やPDF生成にはEJSやHandlebarsを併用することがある。

学習目的ではいい経験になるよ。最もシンプルなテンプレートエンジンは正規表現で変数プレースホルダーを置換するだけ。20行くらいで書ける。ただし実務で自作するのはセキュリティリスクが高い。エスケープ漏れがXSS脆弱性に直結するから、十分にテストされた既存ライブラリを使うのが鉄則。実はNode.jsの標準テンプレートリテラル（バッククォート）自体が最もシンプルなテンプレートエンジンとも言えるんだよ。