Tag: javascript

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

Twitter xAuth Implementation for Titanium Mobile 修正

categories: javascript

昨日書いたxAuthの為のインターフェイスが、すでにアクセストークンを保持しててもオブジェクトを生成するときに(ユーザ名と)パスワードを渡さなくてはいけなかったり、再認証する方法がなかったりダメな作りだったので直した。

続きを読む

tags: ,

Twitter xAuth Implementation for Titanium Mobile

categories: javascript

mogyaさんのtm_twitter_apiを改造してxAuthに対応させてみました。(今まで通りOAuthも使えます。)

続きを読む

tags: ,

jQuery UIのウィジェット関連を試す

categories: javascript

今回はjQuery UIのウィジェット関連を試してみたいと思います。では早速

続きを読む

tags: ,

jQuery UIのインタラクション機能を試す

categories: javascript

前回のドラッグ&ドロップに続いて、今回もインタラクション機能を試してみます。

続きを読む

tags: ,

123