Fork me on GitHub

2012-12-23のJS: jQuery1.9での変更点まとめ、Back-Forwad Cache、Chrome Devloper Tools解説

Edit on GitHub 編集履歴を見る

JSer.info #102 - 先週jQuery 1.9 Beta 1が公開されましたが、以前jQuery Blog » jQuery Core: Version 1.9 and Beyondで書かれていたように、jQuery 1.9以降は変更点が色々あるためjQuery Core 1.9 Upgrade Guideというドキュメントが公開されています。

ブラウザで戻るを押した時のキャッシュBack-Forwad Cacheについてbfcache について覚えて帰ってもらいますという記事はとても詳しく書かれているので、戻るボタンが押された際、ページのJavaScriptを途中の状態から実行させない方法が効かないとかbfcacheについて疑問に思ったことがある人は読んだほうがいいです。

Chrome Devloper ToolsについてChrome DevTools.nextというスライドが機能についてよくまとまっています。
Web ブラウザは Web に対する GUI シェルである - snyk_s log edit.hatebloという記事でも開発者ツールについて話が少し出てきましたが、最近の開発者ツール(Devloper Tools)に求められるような機能がかなり多くなりUIが複雑化していると思います。
(蛇足: Chromeのremote debuggingを利用して、ウェブ以外にもiOSアプリのデバッグを行うPonyDebugger等 “ブラウザのデバッガー”を離れた使い方も見られるようになった気がします。)

また、Chrome Devloper Toolsについて今月のWeb+DBで解説が書かれているそうです。

ヘッドライン

Node.js 0.9.4リリース

OpenJDKのJavaScript実装 Nashornのソースが公開された

HTML5とCanvas 2D Contextの仕様が勧告候補になり、大きな変更がない段階になった.
HTML5の勧告と次のバージョンについて

アーティクル

jQuery1.9での変更点に関するまとめ
$.parseHTMLやattrとprop等について、削除されたAPIやアンドキュメントなAPIについて書かれている

CSS2.1からCSS3で増えたプロパティや値、セレクタ等のまとめ

JavaScriptで競技プログラミング。
JavaScriptの基本的な文法やオブジェクトと数学関数の話. JavaScriptの型について

"bfcache について覚えて帰ってもらいます。"
Back-Forwad Cacheの動作、無効にしてキャッシュを回避する方法についての検証.
Cache-Control: no-store/no-cache とサンプルコード、FirebugでのBFCacheの確認方法

Sencha Touch でメモ帳アプリを作るチュートリアル

スクロールのパフォーマンスについて.
Developer Toolsを使ってスクロール時にタイムラインのPaint/Image Resizeの処理の見方、offsetTopプロパティ等Reflows/repaintsを起こすものの影響やscrollイベント時のdebounceについて

mediaqueryでCSSファイルを分岐しても読み込まれてしまうので、data属性にurlを書いてlazy loadする仕組みについて。

Webサイトの速度を計測するのに`window.onload`を指標にするのは不適切ではないかという話。
他にどのような測定基準があるのか、パフォーマンス計測ツールはどうしてるかや今後どうして行くかの話

CSSのTransitionsの使いかた.
transitionでアニメーションするプロパティについて

スクロールイベントなどでrequestAnimationFrameを使ってdebounceするアプローチについて

JavaScriptでビットマスクによるフラグ管理の例
http://javascripter.hatenablog.com/entry/20081002/1222962329

JavaScriptの物理エンジンライブラリの比較.
box2dweb/Ammo.js/JigLibJS/Cannon.js

Addy Osmani氏がオススメするJavaScriptを学ぶ書籍のまとめ

スライド、動画関係

ChromeのDevloper Toolsの解説スライド. それぞれのパネル解説、Breakpoints、タイムラインパネルの見方/Events/FramesとFPS、MemoryとGC、プロファイルと ヒープスナップショットの比較によるメモリリーク調査、拡張について

Esprimaを使ったコード解析についてのスライド
動画: http://marakana.com/s/post/1353/javacript_code_analysis_esprima_video by Ariya Hidayat

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

Todoを例にしたMVCの役割についてのスライド。
Backbone.jsを使ったアプローチについて

AngularJSのDeveloper Tools拡張。
Models、パフォーマンス、依存関係、ElementsタブにAngularJSプロパティの表示、$scope等

AMD to CommonJSするツール

ライブラリ関係

console APIの拡張ライブラリ.
times/throttle/collate/summary

書籍関係

JavaScript Enlightenment のオライリー本
元は有料電子書籍で今は無料で配布されてる
http://javascriptenlightenment.com/

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