Fork me on GitHub

2011-11-06のJS: jQuery 1.7リリース、AMD&モジュール化、Chrome Developer Tools

Edit on GitHub 編集履歴を見る

JSer.info #42 -jQuery1.7がリリースされました。1.7ではイベントAPIがon/offに統一されたり、AMD APIをサポートしたので以前のようなIEではRequireJS+jQueryで$(document).ready()で設定したcallbackが実行されないことがある&その対応 - 文殊堂というような問題が起きないように、RequireJSやcurl.jsなどからも扱いやすくなっています。
また、underscore.jsも同様にモジュールとして読み込んだ時にAMD APIに習ってモジュール定義されるようになりました。
AMDやCommonJSなどのモジュール定義についてはWriting Modular JavaScript With AMD, CommonJS & ES Harmonyにとてもよくまとまっているので読んでおくといいかと思います。

また、Chromeのデバッガーを使う機会が増えている人も多いと思うので、作業効率が10倍アップする Chrome Developer Tools の使い方はブレークポイントなどについても詳しく解説されているので見ておくとイイです。

ヘッドライン

OperaがCORSをサポート

jQuery 1.7リリース。
イベントAPI(on/off)の変更、AMDのサポート、$.DeferredにCallbacksの追加など

日本語での更新内容の解説は以下を参照

Underscore.js 1.2.1リリース。
AMDのサポート、_.throttleがはいった

RequireJs 1.0.1リリース。
jQuery 1.7にあわせてリリースな気がする

アーティクル

JavaScriptTip 101の二回目
ループ、キャスト、lookupチェーン

AMDでのモジュールの定義や利用方法などの解説
それぞれのライブラリ事にも利用方法が書かれている。
またAMD/CommonJSどちらも対応するモジュールの書き方についてやES ES Harmonyのimport/exportまで解説している

jQueryを使ったPub/Subパターンの4つの実装方法

H.264のエンコードをするJavaScriptライブラリについて

PotLite.jsの解説

jQueryに関する調査レポート。
バージョン別利用率やプラグインの目的など

pushStateのHistorys操作と後方互換性の維持について。またそれおを手助けするhist.jsというライブラリについて

リフローに関する対策方法などを解説した記事。
ケース毎のシナリオで紹介している

Require.jsを使いTodoアプリをMVCに則って作るチュートリアル

iOS5のmobile safariで対応したHTML5やCSSやAPIなどについての紹介。
例も書かれていてよくまとまっている

Firebugの使い方紹介。
デザイナー向けなのでHTMLやCSSパネルが中心

スライド、動画関係

ChromeのDeveloper Toolsの機能解説。それぞれのパネル解説や設定、ブレームポイント周りの解説など

jQuery Mobileについてのスライド。
発表者はjQuery Mobile: Up and Runningの著者

JavaScriptのリモートデバッグについてスライド。各ブラウザのリモートデバッグプロトコルの状況についてもまとまっている

JavaScript、CSS、HTML5、SVGなどの歴史的な話や、それらに対する
Haml => HTML
Sass/Compass => CSS
CoffeeScript => JS
と言ったものついてのスライド
とても見やすくできてて面白いスライド。

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

jsFiddleがCoffeeScriptとSassに対応した

Less, Sass, Stylus , CoffeeScriptのファイルをコンパイル、最適化できるソフトウェア
将来的には$10でMac app storeで配布する予定

Web開発者向けの便利なソフトウェアのまとめ

JavaScriptの整形やvarをまとめたりできるツール

MSの配布しているIE on virtual machineをVirtualBoxに自動的にイントールできるようにするshスクリプト

JavaScript実行環境(WIndows/Linuxが現在対応)
QtをJavaScript(V8)から利用可能

ライブラリ関係

JSAPI.info ijQueryやUnderscoreJS,Mootoolsなど有名なライブラリのソースコードを見るためのツール。
メソッドから該当部分のソースコードを表示できる

HTML5 Mobile Framework.
HTML5 APIの実装やiOSのネイティブライクなUIの実装、スワイプなどのイベント処理などを行うHTML,CSS,JavaScriptのフレームワーク

メソッド呼び出しをメソッドチェーンで書けるようにするライブラリ

Gmailライクなクライアントサイドでのドラフト機能のライブラリ。
local storageにテキストエリアの内容をを保存する

この記事へ修正リクエストをする
記事を紹介する