Fork me on GitHub

JavaScriptの最新情報を紹介する週刊ブログ

2012-03-04のJS: Buster.JS、IE 10 Consumer Preview、QUnitでのテスト

2012年03月04日 Edit on GitHub 編集履歴を見る

JSer.info #59 - Test-Driven JavaScript Developmentの著者が中心に作成されているテスティングフレームワークのBuster.JS Beta2がリリースされていました。
まだWindowsで動かす方法が用意されてない(try-busterjsのようにVM使うぐらい?)などbeta版な感じですが、触ってる感じだとそんなに躓く感じはしないのでjs-test-driverの次になればいいかなーと思います。

同じくテストライブラリでメジャーなQUnitの使い方などについてのスライドでUnit Testing with QUnitがよくまとまっているので、使ってみたい方は読むと良い気がします。

後、IE 10 Consumer PreviewでのIE10アップデートがまとまっているので、最近のIEを知りたい方はWeb Platform Features in Windows Consumer Preview - IEBlog - Site Home - MSDN Blogsと一緒に読んでおくべきでしょう。

ヘッドライン

Buster.JS Beta 2
http://busterjs.org/changelog/beta2/

JavaScriptテスティングフレームワーク Buster.JS Beta2がリリース

『Version 0.6.12 (stable) « node blog』
http://blog.nodejs.org/2012/03/02/version-0-6-12-stable/

node.js 0.6.12リリース

Announcing jQuery Mobile 1.1.0 RC1 | jQuery Mobile
http://jquerymobile.com/blog/2012/02/28/announcing-jquery-mobile-1-1-0-rc1/

jQuery Mobile 1.1.0 RC1リリース

『MooTools - MooTools 1.4.5 Released』
http://mootools.net/blog/2012/02/26/mootools-1-4-5-released/

MooTools 1.4.5リリース
Fx.CSSのバグを修正

アーティクル

『Stylesheet Limits in Internet Explorer - EricLaw’s IEInternals - Site Home - MSDN Blogs』
http://blogs.msdn.com/b/ieinternals/archive/2011/05/14/internet-explorer-stylesheet-rule-selector-import-sheet-limit-maximum.aspx

IEのスタイルシートの制限について。
IE10での変更についても書かれてる

『Internet Explorer 10 Consumer Preview のマイナーな変更点リスト « Hebikuzure’s Tech Memo』
http://hebikuzure.wordpress.com/2012/03/03/internet-explorer-10-consumer-preview-%e3%81%ae%e3%83%9e%e3%82%a4%e3%83%8a%e3%83%bc%e3%81%aa%e5%a4%89%e6%9b%b4%e7%82%b9%e3%83%aa%e3%82%b9%e3%83%88/

上記の、10 Consumer Preview の変更点の日本語訳

Bug-org 730760 laying out and rendering shouldn’t halt by
http://www.d-toybox.com/studio/weblog/show.php?mode=single;id=2012022800

"別のサーバへの接続を開始すると、レイアウトやレンダリングが一時的に中断する、というバグ"の原因はbody付近でscriptタグで応答のないサーバのスクリプトを読み込もうとしようしているときに発生している。
これはブラウザ側で対処しにくいバグなので、サイト側が取るべき対処法についてまとめられている。

『About normalize.css – Nicolas Gallagher』
http://nicolasgallagher.com/about-normalize-css/

Normalize.css について。

Unit Testing Backbone.js Apps With QUnit And SinonJS
http://addyosmani.com/blog/unit-testing-backbone-js-apps-with-qunit-and-sinonjs/

QUnitとSinonJSを使ったテストについて

『HTML5 Rocks - Getting Started With the Track Element』
http://www.html5rocks.com/en/tutorials/track/basics/

動画に字幕とかテキスト表示するtrack要素の使い方。

New in 4.0: JavaScript.next syntax support | WebStorm & PhpStorm Blog
http://blog.jetbrains.com/webide/2012/03/javascript-version-selector/

WebStorm 4.0のECMAScript Harmony対応について

『UglifyJSの—defineと—define-from-moduleが便利すぎる - スコトプリゴニエフスク通信』
http://d.hatena.ne.jp/perezvon/20120303/1330783666

UglifyJSの—defineと—define-from-moduleを使って定数の書き換えを行う方法。
UglifyJSの圧縮以外の使い方について

『Software is hard | Firebug Tip: Modify variable value at runtime』
http://www.softwareishard.com/blog/firebug/firebug-tip-modify-variable-value-at-runtime/

FIrebugで実行中に変数の中身を書き換える方法について。
ブレークポイントを貼って中身を書き換え

『The Basics of jQuery ↩ Andrée』
http://andreehansson.se/the-basics-of-jquery/

jQuery入門
jQUeryの基本的な使い方について

『$.ImgLoader + spin.js でローディング待ってギャラリー的な - Takazudo hamalog』
http://hamalog.tumblr.com/post/18387456380/imgloader-spin-js

jQuery.ImgLoaderを使って画像のプリロードとspin.jsを使ってローディングインジケーターの表示についてのデモ

『Web Dev .NET: TextMate-like ⌘T & ⇧⌘T in Chrome Dev Tools & Other New Features』
http://www.elijahmanor.com/2012/02/textmate-like-t-t-in-chrome-dev-tools.html

Chrome(Canary) Developer Toolsについての紹介
- Script Explorer
- Go to File
- Go to Symbol
- Dock to right

『dartrefjp』
https://sites.google.com/site/dartrefjp/home

Dart言語の和訳や日本語での情報を掲載してるサイト

Dart逆引きリファレンス ｜ Classmethod.dev()
http://dev.classmethod.jp/client-side/dart_reference_index/

Dart言語のリファレンス

スライド、動画関係

『Unit Testing with QUnit』
http://benalman.com/talks/unit-testing-qunit.html

QUnitを使ったテストについてのスライド。
assertionメソッドの解説や非同期テスト、Ajaxのテスト等についてよくまとまってる

『jQuery essentials - Selectors』
http://www.slideshare.net/apnerve/jquery-essentials-selectors

jQueryのセレクタについてのスライド。
セレクタがどういう要素を選択するかを左右に結果と並べて表示してるので分かりやすい

『A quick Introduction to Aria』
http://www.slideshare.net/maxdesign/a-quick-introduction-to-aria

WAI-ARIAとは何か、何故必要なのかについてのスライド。
Assistive Technologies (ATs)とWAI-ARIAについて
- landmark roles
- formとaria属性

サービス、ツール、ソフトウェア関係

JsMaker - Visual Javascript Programing
http://jsmaker.com/jsmaker/

JavaScriptをビジュアルプログラミング

ライブラリ関係

string.js
http://stringjs.com/

文字列関係のメソッドを集めたユーティリティライブラリ。

『XDate - A Modern JavaScript Date Library』
http://arshaw.com/xdate/

ネイティブのDateと同じAPIに加えてパースやstrtime的なフォーマットなどの機能追加してるxDateオブジェクトライブラリ

『philikon/queryIndexedDB』
https://github.com/philikon/queryIndexedDB

IndexedDBをメソッドチェーンで書けるようにしたライブラリ

『gRaphaël—Charting JavaScript Library』
http://g.raphaeljs.com/

Raphaëlを使ってグラフを書くJavaScriptライブラリ

『TOC』
http://projects.jga.me/toc/

目次を作成するjQueryプラグイン

書籍関係

『O’Reilly Japan - JavaScriptグラフィックス』
http://www.oreilly.co.jp/books/9784873115283/

2012年3月16日発売
Supercharged JavaScript Graphicsの翻訳本
jQueryMobile+PhoneGapについてが追加されてる。

『Amazon.com: Professional jQuery (9781118026687): Cesar Otero: Books』
http://www.amazon.com/o/ASIN/1118026683/book042-22/ref=nosim

2012年4月24日発売
元々は2011年9月20日発売予定だったけど、正式に決まったみたい
http://htmlcssjavascript.com/javascript/professional-jquery/

『HTML5 Architecture - O’Reilly Media』
http://shop.oreilly.com/product/0636920024088.do

2012年7月31日発売
Webアプリケーションのアーキテクチャについての書籍

この記事へ修正リクエストをする
JSer.info Slackに参加する