[B! jQuery] kompiroのブックマーク

jQueryだけ使うのが馬鹿らしくなる。KnockoutJSに触れる

久保田です。最近KnockoutJSというJavaScriptフレームワークを勉強しています。 KnouckoutJSはjQueryの上に構築されているフレームワークです。jQueryのみ使うのと比べてKnockoutJSを利用すると、ウェブページ上のインタラクションを圧倒的に簡単に記述できます。この記事では、簡単にKnockoutJSの概要を説明し、KnockoutJSを用いたデモを紹介します。このフレームワークの特徴としてあるのは、HTML内に宣言的な記述を埋め込むことでインタラクションが実装できることです。HTML5のカスタム属性(data*属性)を用いて、その要素に関する処理を宣言してきます。裏側の処理は、JavaScriptでViewModelを定義し、そこにビューが必要とする値を管理します。例えば、あるチェックボックスにチェックを入れると下の要素がトグルする簡単な例は、以下

kompiro 2011/10/06

リンク

java-ja.js #2でLT発表してきた（Envjsを使った単体テスト） - SEの行き着くところ…

１年半ぶりのブログ投稿です。。もう、はてな記法とかすっかり？？？です。。。生きてます。 java-ja.js #2 : ATNDこれに参加して、LT発表してきました。 ※ブログ埋め込みにはiframe → Google Gadget コンバータを使わせて頂きました Javascriptのテストをもっとサクサクやりたい、作ったJavascriptコードの「結合テスト*1」じゃなくて「単体テスト」がやりたい。そんな思いからEnvjsに辿り着き、ちょっと試してみた経緯をまとめたものです。いくつか小さな補足ネタはあるんですが、それは追々…。会場を提供して頂いたGREEさんに感謝です。こんな「ライブラリ使ってみた」程度のネタでも発表しやすい機会を作ってくれた主催者の@hagino3000さんはじめ、受付や進行など関係者の皆様に感謝です。ありがとうございました。＃ちなみに今、JSCoverage

kompiro 2011/07/20

リンク

ツールチップ｜jQuery plugin｜Ajax｜PHP & JavaScript Room

［CSS］jquery.cluetip.css ［JS］jquery.js v1.2.6、jquery.dimensions.js、jquery.hoverIntent.js、jquery.cluetip.js HEAD  <script src="jquery-1.2.6.min.js" type="text/javascript" charset="utf-8"></script> <script src="jquery.dimensions.js" type="text/javascript"></script> <script src="jquery.hoverIntent.js" type="text/javascript"></script>  <script src="jquery.cluetip.js" type="t

kompiro 2011/07/15

ツールチップ

jquery

リンク

jQuery Proven Performance Tips And Tricks (Slides)

Thanks to everyone that attended the jQuery London and London Web Standards meetups this month. As requested, here are the slides from my talks including links to all of the jsPerf tests embedded for each section. Summary In case you missed the talk, the main takeaway from it was the importance of performance-testing your JavaScript and jQuery code (and appreciating performance gotchas you can kee

kompiro 2011/07/08

リンク

jQuery treeTable Plugin Documentation

Node 1: Click on the icon in front of me to expand this branch. See the Examples chapter for more examples. To download releases of this plugin, visit treeTable's project page. The source code of this plugin and this documentation is available on GitHub: http://github.com/ludo/jquery-plugins/tree/master/treeTable. Table of Contents Introduction Installation Usage Include the plugin in your html do