2011-01-25のJS : 最近のHTML5/JSプロジェクト、テストツール、未来のJavaScript

JavaScriptのテスト関する話題が多め。
特にPhantomJSは面白いツールだと思います。

Introduction to jQuery
http://www.slideshare.net/gunjankumar300/introduction-to-jquery-6684954

jQuery入門スライド。
jQueryの機能を網羅的に紹介している。(ダウンロードして読むと良いです)

Sunrise
http://www.sunrisebrowser.com/ja/

Mac OS X 用のWebKit ベースオープンソースWebブラウザ
操作ウインドウのデザインがかなり特徴的
-OS運用記録1月3

jsのオレオレ演算子 - latest log
http://d.hatena.ne.jp/uupaa/20110123/1295721414

JavaScriptで演算子の組み合わせやビット演算などで短く書く方法。
-~nとかゴルフでよく見かける。
-forked from: forked from: jsのオレオレ演算子 - jsdo.it - Share JavaScript, HTML5 and CSS

『メモ: NetBeans 6.9.1でJavaScriptを実行する』
http://hideaki-t.blogspot.com/2011/01/netbeans-691javascript.html

jrunscriptを使ってNetBeans上でJavaScriptを実行する手順解説

Integrating JavaScript Unit Tests with Visual Studio
http://stephenwalther.com/blog/archive/2010/12/20/integrating-javascript-unit-tests-with-visual-studio.aspx

Visual StudioでJavaScriptのUnit Testを行う方法

JavaScript DOM & event
http://www.slideshare.net/boreydev/java-script-dom-event

DOMについてのスライド
ノードがどんなプロパティやメソッドを持っているか、それぞれの対応関係が図で分かって見やすい。
CapturingとBubblingのイベントフェーズについても説明されている。

ゆっくりと… » ブラウザ動作の理解－リフローとリペイント及びその最適化
http://tokkono.cute.coocan.jp/blog/slow/index.php/web-technology/reflow-and-repaint-in-browser/

Style属性の変更によるリフローとリペイントを最小限にする方法の解説。

Harmony Of My Dreams | Brendan Eich
http://brendaneich.com/2011/01/harmony-of-my-dreams/

JavaScript Harmony、未来のJavaScriptについて
hash-functionといった今とはまた違って見える提案などがされています。

janky.post
http://saunter.org/janky.post/

JSONを取得するクロスドメイン可能なXHRのようなものを実現するJSライブラリ
仕組み的にはframeとwindow.nameとpostMessageを組み合わせた感じ。
サーバ側の実装も必要となるため、現在はサーバーサイドの実装として以下のものが存在しています。

おまけ:janky.postのコードリーディング

don’t code today what you can’t debug tomorrow: PhantomJS: minimalistic headless WebKit-based JavaScript-driven tool
http://ariya.blogspot.com/2011/01/phantomjs-minimalistic-headless-webkit.html

最小構成のWebkitをコマンドラインから動かすツール
別途記事にしました→WebkitベースのJavaScriptコマンドラインツール「PhantomJS」 | JSer.info

Sinon.JS - Versatile standalone test spies, stubs and mocks for JavaScript
http://sinonjs.org/

JavaScriptテストライブラリ。
スタブ、モックやFake系の機能が備わっていて、通信やタイマーなどJavaScriptのテストで面倒なもののための機能があります。
例えばFake timersはグローバルなtimer関数の代わりにclockオブジェクトを用いて手動で時間経過を制御できるため、タイマーを使って時間がかかるテストの短縮なども行えます。
Faking Timersの解説
またQUnitなどと連携して使用することができます。

JavaScriptのテストについて本気出して考えてみた(1) - 愛と勇気と缶ビール
http://d.hatena.ne.jp/zentoo/20110123/1295796341

JavaScriptのテストのし難さやJavaScriptのテストの自動化について

mir.aculo.us JavaScript with Thomas Fuchs » Blog Archive » Zepto.js v0.4 – JSONP & more DOM goodness
http://mir.aculo.us/2011/01/21/zepto-js-v0-4-%e2%80%93-jsonp-more-dom-goodness/

Zepto.jsのver0.4が公開された。
New in v0.4 JSONP, better .find, .each, .closest; new .eq, .size, .parent, .parents, .removeAttr, .val (basic), function args to .html, .attr; adjacency methods now take Zepto objects

txt2re: headache relief for programmers :: regular expression generator
http://txt2re.com/index.php3

入力したテキストから選択した文字の範囲を取り出す正規表現をいろんな言語で取得できるツール

Lines go all over the place.
http://open.adaptedstudio.com/html5/many-lines/

マウスを追ってくるラインを描画するデモ。
Canvasを使っていて、結構滑らか

14 Best JavaScript Frameworks
http://www.webdesignish.com/14-best-javascript-frameworks.html

jQueryやPrototypeJSやJavaScriptMVCといったJavaScriptフレームワークのまとめ

Some Exciting New HTML5/Javascript Projects « EdTechDev
http://edtechdev.wordpress.com/2011/01/14/some-exciting-new-html5javascript-projects/

最近HotなHTML5/Javascript 関係のプロジェクトをまとめたリンク集
かなり幅広い分野が紹介されています

Beautiful Element Creation with jQuery — Article — The Nerdary
http://thenerdary.net/articles/entry/beautiful_element_creation_with_jquery

jQueryでのDOMノードを作成する方法が紹介されています。

Cloud9 IDE Hosted - Closed Beta starting today - Cloud9 IDE’s Posterous
http://cloud9ide.posterous.com/cloud9-ide-hosted-closed-beta-starting-today

Cloud9 IDEのクローズドベータが始まりました

프론트 엔드 개발을 위한 추천 도서 - Clearboth [유니버설 웹 스튜디오]
http://www.clearboth.org/wiki/doku.php?id=document:etc:recommend_books

韓国のフロントエンジニアに対して行ったアンケートの結果。
“フロントエンド開発のための参考書籍”という感じの内容で
-読んだ本
-オススメの本
-読みたい本
でそれぞれアンケート結果のランキングを付けています。
読んだ本、オススメの本両方で益子貴寛さんのWeb標準の教科書―XHTMLとCSSでつくる“正しい”Webサイトが一位になっているようです。
全体的に○○標準やCSSの本に人気が出てるような感じがします。
読みたい本ではHTML5に人気が集中している所を見るとHTML5も韓国では注目されているのでしょうか。