2011-02-15のJS: IE9の変更点、デバッグツール、パフォーマンス測定

パフォーマンス測定関係についてのおもしろい話がまとまって出てきた感じがしたのでちょっとペースが速いですが更新です。最近のJavaScriptはブラウザ間の高速化などによっていろいろな最適化が行われているため、コードの見た目とは違った結果になることもあります。
またDOMを扱うため、コードが早いだけではなく体感的に早いのかなどについても議論する(非同期ローダーとかまさにそういう話)こともあります。そのため、ブラウザの内部でどんなキャッシュが効いているのかやパフォーマンス計測の手法を知ることは結構大切になってくるはずです。
今回はそういう記事が多いです。

balupton/History.js - GitHub
https://github.com/balupton/History.js

HTML5 History/State APIをすべてのブラウザで使えるようにするライブラリ。
History API未対応のブラウザは#フラグメントを利用したonhashchangeを使っている

jQuery内部のエラー処理について | バシャログ。
http://c-brains.jp/blog/wsg/11/02/13-080934.php

jQueryのエラー処理について。
jQuery.errorのコードを追ってみてわかること

Webfont 사용하기 | FRENDS.KR
http://frends.kr/topics/webfont-%ec%82%ac%ec%9a%a9%ed%95%98%ea%b8%b0/

@font-faceでのWebフォントについての記事
こちらにどんな感じの内容かを簡単に書き出してあります。
-WebフォントをWindowsでも綺麗に表示するためには | JSer.info

The Difference Between jQuery’s .bind(), .live(), and .delegate() - Alfa Jango Blog
http://www.alfajango.com/blog/the-difference-between-jquerys-bind-live-and-delegate/

jQueryの.bind(), .live(), .delegate()違いや仕組みの説明などについての記事。
こちらも簡単に内容を書き出してあります。(自分の理解のためだったりしますが…)
-jQueryの.bind(), .live(), .delegate()の違い | JSer.info

モバイルアプリケーション開発のためのHTML/CSS/JavaScript関連技術まとめ－ Publickey
http://www.publickey1.jp/blog/11/htmlcssjavascript.html

モバイル対応のJavaScriptライブラリや、Titanium Mobileのようなネイティブアプリケーション作成ツールのまとめ。

『Internet Explorer 9 Guide for Developers』
http://msdn.microsoft.com/en-us/ie/ff468705

IE9での変更点をまとめた開発者向けのページ

IE9 RC Minor Changes List - EricLaw’s IEInternals - Site Home - MSDN Blogs
http://blogs.msdn.com/b/ieinternals/archive/2011/02/11/ie9-release-candidate-minor-changes-list.aspx

IE9のマイナーな変更点の一覧。
追記:@hasegawayosukeさんが今回も訳してくださったようです。
-IE9 RC マイナーな変更点リスト - 葉っぱ日記 (今回の分の翻訳)
以前書かれていたIE9 Beta Minor Changes List - EricLaw’s IEInternals - Site Home - MSDN Blogs の改訂版のようです。
-IE9 Beta のマイナーな変更点リスト - 葉っぱ日記 (以前の分の翻訳)

Internet Explorer UA Style Sheets
http://www.iecss.com/

IEのバージョン別デフォルトスタイルシート。
IE6-IE9まで

IE9 on Windows Phone - IEBlog - Site Home - MSDN Blogs
http://blogs.msdn.com/b/ie/archive/2011/02/14/ie9-on-windows-phone.aspx

Windows PhoneのブラウザがIE7からIE9になる。

『kriskowal/zip - GitHub』
https://github.com/kriskowal/zip

Node.js向けのunzip実装

ブラウザやパフォーマンス測定について

Fastersite: Chrome’s 10 Caches
http://gent.ilcore.com/2011/02/chromes-10-caches.html

Chromeに入ってる10個のキャッシュ機能について内部コードやソースを参照してそれぞれ解説。本当に正確なベンチマークを取るときにどの部分がキャッシュされているのかを知っておく必要がある。

ゆっくりと… » ブラウザ動作の理解－レンダリングの負荷を測る
http://tokkono.cute.coocan.jp/blog/slow/index.php/web-technology/visualization-of-rendering-activity/

リフローなどの時間をGUIで確認できるツールについての紹介
dynaTrace(IE,Firefox向けベータもでた)とSpeedTracer(Webkit)を使ってリフローの観測

Benchmark.js
http://benchmarkjs.com/

jsPerfでも使われているベンチマーク計測ライブラリ。ブラウザ、コンソール、node.js、Javaアプレット(nano秒対応)とほとんどの環境に対応している。
JavaScriptのコード速度の比較にはjsPerfが便利です
-jsPerf: JavaScript performance playground