utBREW

jQuery Templates のメンテナンスが止まっている今、Next-generation jQuery Templates（まだ正式リリース版でないのでNg）と呼ばれているクライアントサイドのテンプレートエンジン JsRender を使うときの Tips というかハマった点

キーワードに class を使っちゃダメ

Safari, Chrome, Firefox, Opera, IE9 などのモダンブラウザだと大丈夫だけど、IE8 だと動かない
そもそも class は JavaScript の予約語だから使わない方がいいね

<script id="myTemplate" type="text/x-jsrender">
  <div>{{:class}}</div>
</script>

else if は使っちゃダメ

これもモダンブラウザでは大丈夫だけど、IE8 だと動かない
代わりに「else 条件式」の形式が使えてるので、こっち方が短いしオススメ

<script id="myTemplate" type="text/x-jsrender">
  {{if state === 1}}
  <div>A</div>
  {{else if state === 2}}
  <div>B</div>
  {{else}}
  <div>C</div>
  {{/if}}
</script>

<script id="myTemplate" type="text/x-jsrender">
  {{if state === 1}}
  <div>A</div>
  {{else state === 2}}
  <div>B</div>
  {{else}}
  <div>C</div>
  {{/if}}
</script>

PHP micro-framework Silex をPHARが使えない環境で使いたい場合は、silex.pharファイルをばらしてautoload.phpを読み込めばOK

pharコマンドが使えるPCでpharファイルをばらす

$ phar extract -f silex.phar

silex.pharの代わりにautoload.phpを読み込む（ばらしたファイルが/Silexにある）

//require __DIR__.'/silex.phar';
require __DIR__.'/Silex/autoload.php';

PHP Template Service Provider

Silex では標準で Twig がサポートされていますが、いまはまだPHP初心者なので素のままのPHPをテンプレートエンジンに使いたいと思い PHP Template Service Provider for Silex を作ってみました。

Silex PHP Micro framework

PHPでSinatraライクなマイクロフレームワークがないかなと探してたところ、ちょうどWEB+DB PRESS Vol.65にSilexの記事が載ってたので試してみた。それまではSlimを試そうかなと考えていたんだけど、Silexだとすでに日本語ユーザーガイドもあったりしてとてもありがたい。

メッセージを日本語化

プロジェクト直下に i18n ディレクトリを作りさらに国別ディレクトリを作って strings.xml に翻訳メッセージを記述
例えばロケールによって「Hello」と「こんにちは」を切り替えたい場合はこんな感じ

<?xml version="1.0" encoding="UTF-8"?>
<resources>
	<string name="hello">Hello</string>
</resources>

<?xml version="1.0" encoding="UTF-8"?>
<resources>
	<string name="hello">こんにちは</string>
</resources>