Fork me on GitHub

2013-02-11のJS: jQuery 1.9.1 、video/audio要素のQ&A、解説Chrome Dev Tools

Edit on GitHub 編集履歴を見る

JSer.info #109 - jQuery 1.9.1 リリースされました。
主にbugfixについてで、1.9.x系への移行はjQuery Migrate pluginWarning Messagesupgrade guideに丁寧に色々書かれています。
Warning MessagesについてはjQuery Migrate plugin の使い方と警告文の自分なりのまとめ | 私的なjQueryも参考にするといいかもしれません。

Takazudolog - 地獄のvideo/audio要素という記事にてvideoとaudio要素について、各ブラウザの動作の違いから出る問題などについて書かれています。

ChromeのDev Toolsの機能について Chrome Dev Tools: JavaScript and Performance | Nettuts+DevTools: Visually Re-engineering CSS For Faster Paint Time 等の記事で解説されています。
Chrome DevTools.next(紛らわしいけどDevtools.nextも)など最近Chrome Dev Toolsについての解説記事を見かけるようになってきた気がします。

また、Timeline Panelではrepaintを計測出来ますが、これをちゃんと役立てるには、reflow(layout)とrepaintそのものについても理解しておいたほうがよさそうな気がします。
以下のリソースが参考になると思います。

  1. How Browsers Work: Behind the scenes of modern web browsers - HTML5 Rocks ( Ja ) 必読書
  2. Getting Started With the WebKit Layout Code | Web Platform Team Blog (上の記事より少し内部より)
  3. Shiki’s Weblog: ESウェブブラウザ通信 - インクリメンタル リフロー #1#2(実際にCSSレンダリング エンジンを実装している段階で、リフローやリペイントなどについて段階ごとに解説されてる)
  4. ReFlowの原因とマークアップの最適化 « NAVER Engineers’ Blog (プラクティスよりだけど流れをしっかり組んでる)
  5. "遅いブログパーツを高速表示する方法"を検証する | ゆっくりと… (ブラウザ動作の理解と一緒に、計測する方法などについて)
  6. Fastersite: How (not) to trigger a layout in WebKit (reflow,repaintを起こすトリガーとなるメソッドのまとめ)
  7. Performance
ヘッドライン

jQuery 1.9.1 リリース.

Node 0.8.19リリース

jQuery Mobile 1.3.0 RC1リリース.
panel widget(side-by-side)、navigate event,methodの追加など

ゲームエンジンライブラリmelonJS 0.9.5

Bootstrap 2.3リリース

zlib.js 0.1.4リリース(hotfixされた 0.1.5 もリリースされてる)
PKZIP(zip)のサポート

アーティクル

video/audio要素のQ&A
実装のハマリどころやフォーマット、エンコーダー、処理が重たい場合の対処法、イベントハンドリングについてなど

require.jsを使う利点は何?という議論(コメント欄)

Webkitのレイアウトのプロセスについて.
How Browsers Workや仕様、関連ドキュメント等のリソースがまとまってる.
CSS Box Modelについてや実際のコードではどのへんかについても書かれている

Chrome Developer Toolsの解説記事.
Sourcesパネルについて、revisions、ブレークポイント、TimelineパネルのrecordingやFiltering機能について

Chrome devloper Tools(Canaryにしかまだない機能も触れてる)のTimelineパネルで見るrepaintについて.
改善のワークフローについて.モバイルの場合10ms以内にそれぞれのrepaintが終わるのを目標に

WebAPIの紹介

jQuery Migrate plugin の警告文の解説と取り得る対処法について

SPDY Protocol - Draft 3の日本語訳

JavaScriptクロスワード

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

テスト駆動JavaScriptについてのスクリーンキャスト講座 Let’s Code: Test-Driven JavascriptのサイトがPublic Open

Firefoxを使ったリフロー/リペイントを可視化した動画のギャラリー

JavaScript Koansの日本語版
テストケースも和訳されてる

Make/Rakeみたいな感じのNode.js製ビルドツール

JavaScriptのライブラリをカテゴリ別などでまとめてるサイト.
ジャンルは jster.net よりざっくりしてるけど、Githubのコミット間隔やフォース数等のレポジトリ情報も見られるようになってる

ライブラリ関係

IndexedDB APIラッパーライブラリ

小さなi18n helperライブラリ

Excelライクなデータグリッドエディタライブラリ.
jQueryに依存してる

書籍関係

2013年02月23日 発売
Node.js本

2013年02月23日発売
初心者向けのモダンなJavaScriptについての書籍

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