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

商品名だけが違うページを作るとき、共通の雛形と商品データを用意して出力を生成するよ。「こんにちは、{{name}}さん！」のnameへ値を渡すイメージ。これはJinjaなどの構文例で、どのエンジンでも同じ書き方というわけではないんだ。

PythonのJinja、JavaScriptのEJSなどがあるよ。JinjaはHTML以外のテキストも生成でき、EJSはJavaScriptを使ってHTMLを作る。変数だけでなく条件分岐や繰り返し、共通部品も扱える。ReactのJSXはJavaScriptの構文拡張なので、単なる文字列の穴埋め機能と同じものとして扱わないほうがいいね。

ユーザーの値は雛形のコードにせず、データとして渡そう。HTMLへ出すときは、本文・属性・JavaScriptなどの出力先に合うエスケープが必要だよ。自動処理はエンジンや設定により違い、EJSの<%=はエスケープあり、<%-はなし。ユーザーが雛形そのものを書く場合の危険は、値のエスケープだけでは防げないんだ。

別の用途で使うことはあるよ。たとえばJinjaはメール用のテキストやHTMLを生成できる。Reactがあるから必ず必要、必ず不要、とは決まらない。雛形からテキストを作る処理と、それを送信したりPDFへ変換したりする処理も別なんだ。

学習なら単純な置換から考えられるけれど、実用では出力先に合う処理や不正な雛形への対策が必要だよ。既存ライブラリでも設定確認が欠かせない。複雑な業務処理は雛形の外へ分けつつ、表示の条件分岐や繰り返しまで一律に禁止する必要はないんだ。