BLOG
ブログ

ブログ

Smartyを導入するメリット

制作・撮影

システム部の松田です。

サイトのお問い合わせや応募の入力フォームの実装・テストを担当することが多いのですが、その際によく利用するPHPのテンプレートエンジン「Smarty」について、まだまだ断片的な知識の整理を兼ねて、今回紹介したいと思います。

投稿は、前後編と2度に分ける予定で、

  • 前篇:PHP実装の問題点、それを補うSmartyのメリットなど概要
  • 後編:Smartyの使い方、ハマりやすいポイントなどの具体的な内容

のような構成でお伝えしたいと思います。

PHP実装の問題点

標準的なPHPプログラミングでは、HTMLのコードの中にというPHPスクリプトを記述する「HTML埋め込みモデル」です。

しかし、コードのボリュームが増えたり、ロジックが複雑になるに伴い、埋め込みモデルで実現しようとすると、

  • 記述が冗長になる、コードの可読性が低下する。
  • デザイナとプログラマとの分業が難しくなる。

といった問題が発生します。

例えば以下のサンプルコードで考えてみます。

mix_code.php

[php]
<?php
$arrImg = array(
‘path’ => ‘img/sample.gif’,
‘wd’ => 258,
‘ht’ => 70,
‘title’ => ‘sample’,
);
?>

<html>
<head>
<title>sample</title>
</head>
<body>
<img
src="<?php echo $arrImg[‘path’]; ?>"
width="<?php echo $arrImg[‘wd’]; ?>"
height="<?php echo $arrImg[‘ht’]; ?>"
alt="<?php echo $arrImg[‘title’]; ?>" />
</body>
</html>
[/php]

PHPでは文字列を出力するために、都度「<?php echo ….. ?>」の記述が必要になり、冗長になってしまいます。

この冗長を避けるために、サンプルコードの画像出力部分を、以下のようにHTMLとPHPの文字列連結で記述することもできますが、、、

[php]
<?php
echo ("<img src=\"" . $arrImg[‘path’] . "\" width=\"" . $arrImg[‘wd’] . "\" height=\"" . $arrImg[‘ht’] . "\" alt=\"" . $arrImg[‘title’] . "\" />");
?>
[/php]

ダブルクォートとシングルクォート、エスケープ文字やピリオドが混在していて、可読性が高いとはいえません。。。

また上記のサンプルコードはシンプルな内容ですが、HTMLを記述するデザイナがPHPを理解する必要があることや、デザイン部分とロジック部分が混在しているため、デザイナとプログラマが同時並行で作業できなくなるといった問題もあります。

Smartyとは? 導入のメリット

そこで「よりシンプルなコード」にするために、「デザインとロジックを分離」するために、Smartyのようなテンプレートエンジン(※)が有効となります。

※ テンプレートエンジン:ロジックで取得した値とデザインを結び付け、動的にページを生成するための実行エンジン。

どのように変わるのか、具体的に、Smartyのルールに則って上記のサンプルコードを分割・変更してみます。

ロジック部分:logic.php

[php]
<?php
require_once("Smarty/libs/Smarty.class.php");
$o_smarty = new Smarty();
$o_smarty->template_dir="templates";
$o_smarty->compile_dir="templates_c";

$o_smarty->assign("path", "img/sample.gif");
$o_smarty->assign("wd", 258);
$o_smarty->assign("ht", 70);
$o_smarty->assign("title", "sample");

$o_smarty->display("template.tpl")
?>
[/php]

デザイン部分:template.tpl

[html]
<html>
<head>
<title>sample</title>
</head>
<body>
<img
src="{$path}"
width="{$wd}"
height="{$ht}"
alt="{$title}" />
</body>
</html>
[/html]

このように、

  • シンプルに記述できる、コードの可読性が上がる。
  • デザイナが必ずしもPHPを理解している必要がない。
  • ロジックとデザインが分割されることで、デザイナとプログラマが同時並行で作業できる。

といったことがSmartyの導入で実現できます。

そのほか、

  • Smarty独自のメリット
  • 逆に導入することで苦労すること

など、またの機会にお伝えできればと思います。