2011-01-31のJS : 疑似要素、勉強会スライド、strict mode

今回は勉強会などのスライド資料が多めです。
またFirefoxやChromeにstrict modeが導入されたため、strict modeに関する話題も多いです。FirefoxやChromeの拡張機能内では”use strict”;の文字を見かけるようになるかもしれません。
追記: strict modeを実装していないブラウザでは”use strict”;をただの文字列と評価するので、通常のWebサイトでもstrict modeを使用する事は問題ないと思います。

実行間隔を調整する - はてなダイアリー - 無料で簡単。広告のないシンプルなブログをはじめよう！
http://d.hatena.ne.jp/brazil/20110131/1296419283

一定間隔を空けて実行する throttle、
一定間隔呼び出され無ければ実行する debounce　についての解説。
それぞれ用途や図解も付いていて大変わかりやすい。

FuncUnitを試してみた - Swarm of Trials
http://d.hatena.ne.jp/swarm_of_trials/20110131/p1

# Selenium
# QUnit
# jQuery
# EnvJS
# Syn(イベントエミュレート)
を組み合わせたテストフレームワーク。
EnvJSを使ってコマンドラインからもテストを実行できる。
-FuncUnit - Fun Web Application Testing - Jupiter JavaScript Consulting

『JavaScript(Audio Data API)でMMLシーケンサを書いた - つまみ食う』
http://d.hatena.ne.jp/mohayonao/20110130/1296386790

Audio Data API を使ってMMLシーケンサ

今更聞けない:before :afterの使い方 : Toro-Unit Blog
http://www.torounit.com/blog/2011/01/30/%e4%bb%8a%e6%9b%b4%e8%81%9e%e3%81%91%e3%81%aa%e3%81%84before-after%e3%81%ae%e4%bd%bf%e3%81%84%e6%96%b9/

疑似要素:before,:afterで要素の生成される位置についての解説
selecterの内側に疑似要素は作成される。

antimatter15/jsgif - GitHub
https://github.com/antimatter15/jsgif

CanvasをGifアニメーションに変換するライブラリ

chriso/chain.js - GitHub
https://github.com/chriso/chain.js

JSDeferredのようなメソッドチェーンを使って、実行、ロード、deferなどが行えるライブラリ。
同作者のload.jsと組み合わせて使用できる。

Emscripten: Python
http://syntensity.com/static/python.html

emscriptenを使ってCPythonをJavaScriptへ変換した動かしてるもの。(sysのみ)

InfoQ: JavaScript Functions: The Good Parts - Idioms for Encapsulation and Inheritance
http://www.infoq.com/presentations/JavaScript-Functions

関数実行パターン,クロージャー,prototype,継承などといった感じのスライド動画。(The Good Parts本あたりの内容)
動画とスライドが同期してて面白い。

Demystifying Prototypes
http://www.slideshare.net/Dmitry.Baranovskiy/demystifying-prototypes-6183470

JavaScriptのprototypeの仕組みを図解で示してるスライド。
コードと図を順々に表示しているので見やすい内容になっている。

萌え萌えcss - お前の血は何色だ!! 4
http://d.hatena.ne.jp/rti7743/20101223/1293128052

jQueryのCSSHocksについてのスライド

ハタさんのブログ(復刻版) : Ext JS＆Sencha Touch勉強会1月＠東京で話してきた
http://blog.xole.net/article.php?id=766

"Sencha Touch + Scalaでモバイルアプリ開発"
Sencha TouchのUIviewの作り方やコンポートネントの見方、デバッグ方法などが載っているスライド

BPStudy#41 RequireJSとeventとUIコンポーネント - 文殊堂
http://d.hatena.ne.jp/monjudoh/20110128/1296205331

カスタムイベントを使った結構深い内容です。
-参加してきたときのメモ BPStudy#41のアウトラインメモ | Web scratch

マスタリング非同期読み込み BPStudy#41
http://ss-o.net/event/js20110128/

非同期ローダーについてのスライド by os0x
* LAB.js
* ControlJS
* RequireJS
RequireJSの非同期読み込みの問題点についてが中心

Gecko-Specific DOM Events - MDC Doc Center
https://developer.mozilla.org/en/Gecko-Specific_DOM_Events#MozAfterPaint

Gecko 2.0からMozAfterPaint はデフォルトで発生しなくなった。
dom.send_after_paint_to_content を trueにすることで今まで通りイベントが発生する

ECMAScript 5 strict mode in Firefox 4 ✩ Mozilla Hacks – the Web developer blog
http://hacks.mozilla.org/2011/01/ecmascript-5-strict-mode-in-firefox-4/

ECMAScript 5 strict modeがFirefox4で使えるようになっためstrict modeの解説。
“use strict”;でstrict modeにして、strict mode時にエラーになるいろいろな例が掲載されている。
-"use strict"; in Firefox4 | TwitScratch