JsRender Tips

categories: develop, javascript

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>

tags: ,

PHARが無効な環境でSilexを使う

categories: php

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';

tags:

Silex用テンプレートエンジン

categories: php

PHP Template Service Provider

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

続きを読む

tags:

SilexでPHP ActiveRecord

categories: php

Silex PHP Micro framework

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

続きを読む

tags: ,

Titanium Mobileでi18n

categories: develop

メッセージを日本語化

プロジェクト直下に 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>

続きを読む

tags: