Fork me on GitHub

2013-11-18のJS: Dart 1.0、jQuery 2.1.0 Beta 2、60fpsのスクロール

Edit on GitHub 編集履歴を見る

JSer.info #149 - Dartが発表されてから約2年、 Dart SDK 1.0がリリースされました。

jQuery 1.11.0/2.1.0 Beta 2がリリースされました。
結構大きそうな変更としてはAMDへの移行進めたのと関係ありそうですが、“lazy feature detects”が行えるようになり、
jQueryは読み込み時にfeature detectをするためにDOMをいじったりしていて時間がかかっていた部分が、
それらの機能を使う時に初めてfeature detectするような遅延処理がはいったみたいです。

詳細は以下あたりのチケットを見ていくといい気がします。(多分2.1.0正式リリース時にちゃんと解説される気がします)

VelocityConf: Rendering Performance Case Studies // Speaker Deckというスライドでは、スクロールのパフォーマンスをどう改善するかについて、
最近見かけるCSSのGPUレイヤーの話などがよくまとまっていて面白いと思います。

—-

後、tkbjsでJavaScript ASTについて発表してきました | Web scratchで少しだけここ最近のJSer.infoについても書きましたが、
要はazu/jser.infoにissueとか自由に立てていいよという話なので大したことは書いてないです。 


ヘッドライン

dart ReleaseNote

Dart 1.0リリース.

jQuery ReleaseNote

jQuery 1.11.0/2.1.0 Beta 2 リリース.
npmからインストールできるように、起動時にチェックしていた処理をlazyに出来るように変更、SouceMapコメントがCDNのものからは取り除かれるように

JavaScript library ReleaseNote

lodash 2.3.0リリース.
_.createと _.noopの追加、_.debounce と _.throttleのメモリリークの解消やメソッドの最適化等

WebStorm ReleaseNote

WebStorm 7.0.2リリース.
Dart対応の改善、Mochaをサポート、CSS Flexbxへの対応

アーティクル

performance browser スライド

60fpsでのスクロールを実現するために、どのような問題(jank)があるのかをみていくレンダリングのパフォーマンスについて書かれているスライド。
reflowや画像のデコード等重たい箇所をChrome Dev Toolsで見つけて解決していく方法についてや、
ケーススタディとしてパララックスなサイトで、
スクロールする度に描画必要な要素をCSS translate3d等を使ってGPUレイヤーを分ける事で高速化する話。

またGoogle+の例にtranslate3dをやり過ぎると逆に合成に時間がかかりすぎる問題を生む話など。

AngularJS

Angular.js 1.2のngRepeat、ngAnimateについて

JavaScript CSS

JavaScriptで書くCSSプリプロセッサのAbsurdJS について

JavaScript DOM event

DOMイベントについて詳しく書かれてる記事.
eventオブジェクトの中身や、キャプチャー/バブリングフェーズについて、stopPropagation/preventDefaultの違い、カスタムイベントについて書かれてる

Grunt Tips

Grunt Tips集。
loadNpmTasksをまとめる、watchをまとめすぎると遅くなるので分ける、JSHintレポーター、ファイル分割について

JavaScript 関数型言語 library

moriというClojureの関数型を模したデータ構造とそれを扱うAPIを持つJavaScriptライブラリについての紹介記事.

node.js

nodeでのモジュールの構造的な管理について

WebGL firefox デバック

Firefox 27に追加されたShader Editorについて。
WebGLのシェーダー部分を編集等できるデバッグツールが開発者ツールに追加された

HTML

HTML importについて特徴や使い方、機能判定、Web Components <template>と一緒に使う場合やCORSについて。
importを使ったライブラリの依存管理、importはメインHTMLのパースをブロッキングしない特徴などについて

スライド、動画関係

AngularJS スライド

AngularJSの構成要素について詳しく書かれてるスライド

firefox デバック スライド

Firefoxの開発者ツールの解説スライド.
それぞれのUIの名前や機能、使い方についてまとまってる

JavaScript ASTがどんなものかや、どのようなツールで使われてるか、ASTを編集するのにどういうライブラリ等についてのスライド

ツール、ライブラリ関係

node.js document testing Tools

readmeに書かれたJavaScriptのサンプルコードが正しく動くかをテスト出来るツール.
// => で結果を書くdoctest的な感じ

書籍関係

backbone.js book

Backbone Marionetteについての書籍

JavaScript book

KickstarterでファンディングされてるJavaScriptのCore寄りの内容の書籍シリーズが公開された。

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