JSer.info #109 - jQuery 1.9.1 リリースされました。
主にbugfixについてで、1.9.x系への移行はjQuery Migrate pluginのWarning Messagesとupgrade 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そのものについても理解しておいたほうがよさそうな気がします。
以下のリソースが参考になると思います。
- How Browsers Work: Behind the scenes of modern web browsers - HTML5 Rocks ( Ja ) 必読書
- Getting Started With the WebKit Layout Code | Web Platform Team Blog (上の記事より少し内部より)
- Shiki’s Weblog: ESウェブブラウザ通信 - インクリメンタル リフロー #1 と #2(実際にCSSレンダリング エンジンを実装している段階で、リフローやリペイントなどについて段階ごとに解説されてる)
- ReFlowの原因とマークアップの最適化 « NAVER Engineers’ Blog (プラクティスよりだけど流れをしっかり組んでる)
- "遅いブログパーツを高速表示する方法"を検証する | ゆっくりと… (ブラウザ動作の理解と一緒に、計測する方法などについて)
- Fastersite: How (not) to trigger a layout in WebKit (reflow,repaintを起こすトリガーとなるメソッドのまとめ)
- Performance
jQuery 1.9.1 Released | Official jQuery Blog
http://blog.jquery.com/2013/02/04/jquery-1-9-1-released/
jQuery 1.9.1 リリース.
Node v0.8.19 (Stable)
http://blog.nodejs.org/2013/02/06/node-v0-8-19-stable/
Node 0.8.19リリース
jQuery Mobile 1.3.0 RC1 Released | jQuery Mobile
http://jquerymobile.com/blog/2013/02/04/jquery-mobile-1-3-0-rc1-released/
jQuery Mobile 1.3.0 RC1リリース.
panel widget(side-by-side)、navigate event,methodの追加など
melonJS 0.9.5 is finally here ! «
http://olivierbiot.wordpress.com/2013/02/04/melonjs-0-9-5-is-finally-here/
ゲームエンジンライブラリmelonJS 0.9.5
Bootstrap 2.3 released · Bootstrap Blog
http://blog.getbootstrap.com/2013/02/07/bootstrap-2-3-released/
Bootstrap 2.3リリース
zlib.js で PKZIP が扱えるようになりました (0.1.4リリース) : document
http://blog.livedoor.jp/imaya_js/archives/6292808.html
zlib.js 0.1.4リリース(hotfixされた 0.1.5 もリリースされてる)
PKZIP(zip)のサポート
Takazudolog - 地獄のvideo／audio要素
http://takazudo.github.com/blog/entry/2013-02-06-videoaudio.html
video／audio要素のQ&A
実装のハマリどころやフォーマット、エンコーダー、処理が重たい場合の対処法、イベントハンドリングについてなど
Can you help me understand the benefit of require.js?
https://gist.github.com/desandro/4686136
require.jsを使う利点は何?という議論(コメント欄)
Getting Started With the WebKit Layout Code | Web Platform Team Blog
http://blogs.adobe.com/webplatform/2013/01/21/getting-started-with-the-webkit-layout-code/
Webkitのレイアウトのプロセスについて.
How Browsers Workや仕様、関連ドキュメント等のリソースがまとまってる.
CSS Box Modelについてや実際のコードではどのへんかについても書かれている
Chrome Dev Tools: JavaScript and Performance | Nettuts+
http://net.tutsplus.com/tutorials/tools-and-tips/chrome-dev-tools-javascript-and-performance/
Chrome Developer Toolsの解説記事.
Sourcesパネルについて、revisions、ブレークポイント、TimelineパネルのrecordingやFiltering機能について
DevTools: Visually Re-engineering CSS For Faster Paint Times
http://addyosmani.com/blog/devtools-visually-re-engineering-css-for-faster-paint-times/
Chrome devloper Tools(Canaryにしかまだない機能も触れてる)のTimelineパネルで見るrepaintについて.
改善のワークフローについて.モバイルの場合10ms以内にそれぞれのrepaintが終わるのを目標に
Using WebAPIs to make the web layer more capable ✩ Mozilla Hacks – the Web developer blog
https://hacks.mozilla.org/2013/02/using-webapis-to-make-the-web-layer-more-capable/
WebAPIの紹介
jQuery Migrate plugin の使い方と警告文の自分なりのまとめ | 私的なjQuery
http://myjquery.blog.fc2.com/blog-entry-15.html
jQuery Migrate plugin の警告文の解説と取り得る対処法について
SPDY Protocol - Draft 3 日本語訳
http://summerwind.jp/docs/spdy-protocol-draft3/
SPDY Protocol - Draft 3の日本語訳
Javascript Trivia Crossword :: Modit
https://mod.it/Eb3TKLmO
JavaScriptクロスワード
Let’s Code: Test-Driven Javascript | Coming July 2012
http://www.letscodejavascript.com/
テスト駆動JavaScriptについてのスクリーンキャスト講座 Let’s Code: Test-Driven JavascriptのサイトがPublic Open
CSS Reflow | Reflow Visualizations
http://cssreflow.com/
Firefoxを使ったリフロー/リペイントを可視化した動画のギャラリー
studiomohawk/javascript-koans at ja-koan-with-grunt · GitHub
https://github.com/studiomohawk/javascript-koans/tree/ja-koan-with-grunt
JavaScript Koansの日本語版
テストケースも和訳されてる
mde/jake · GitHub
https://github.com/mde/jake
Make/Rakeみたいな感じのNode.js製ビルドツール
JSDB.io - The Database of JavaScript Libraries
http://www.jsdb.io/
JavaScriptのライブラリをカテゴリ別などでまとめてるサイト.
ジャンルは jster.net よりざっくりしてるけど、Githubのコミット間隔やフォース数等のレポジトリ情報も見られるようになってる
jensarps/IDBWrapper · GitHub
https://github.com/jensarps/IDBWrapper
IndexedDB APIラッパーライブラリ
airbnb/polyglot.js · GitHub
https://github.com/airbnb/polyglot.js
小さなi18n helperライブラリ
warpech/jquery-handsontable · GitHub
https://github.com/warpech/jquery-handsontable
Excelライクなデータグリッドエディタライブラリ.
jQueryに依存してる
O’Reilly Japan - Nodeクックブック
http://www.oreilly.co.jp/books/9784873116068/
2013年02月23日 発売
Node.js本
O’Reilly Japan - 入門 モダンJavaScript
http://www.oreilly.co.jp/books/9784873116051/
2013年02月23日発売
初心者向けのモダンなJavaScriptについての書籍
