Category: develop

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: ,

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:

TextMate設定リンク集

categories: develop

日本語化

続きを読む

tags: