Fork me on GitHub

2013-06-17のJS: Gmailでのメモリ管理、requestAnimationFrame、DOM Future と DOM の将来

Edit on GitHub 編集履歴を見る

JSer.info #127 - Google I/Oの発表されたGmailでのメモリ管理についての記事が公開されています。

Gmailのような長時間滞在するWebアプリはメモリリークが問題になりやすいので、どのようにしてそれらを解決していくかという感じの内容。

Better performance with requestAnimationFrame - Dev.Opera という記事では、requestAnimationFrameがどういう仕組みで動いてるかについてまとめられています。

DOM Future と DOM の将来 というスライドでは、最近のDOMの動きについて簡単にまとまっています。(DOM4)

ヘッドライン

✎node.js ReleaseNote

Node v0.10.11リリース

✎Yahoo css ReleaseNote

Yahoo製のCSSフレームワーク Pure 0.2.0リリース。
CIでCSSLint、Gruntを使った開発ワークフローなどについても書かれてる

✎AngularJS dart ReleaseNote

Angular.js のDartポートが公開された.
https://github.com/angular/angular.dart

✎Firebug ReleaseNote

Firebug 1.12リリース.
$_ で前回の評価結果を取得できるようになった

✎safari デバック

SafariのWeb Inspectorがオープンソースになったので、画面の解説

✎Chrome IE ReleaseNote

Google Chrome Frame 開発終了のお知らせ
2014年4月サポート終了

アーティクル

✎google mail JavaScript

Gmailでのメモリ管理の話(via Google I/O)
JavaScriptにおけるメモリリークとは、V8におけるGCの動き。
どのようにGmailのメモリリークを直すのにあたり、performance.memoryとChrome Dev Toolsを使いどこに問題があるかを見つけ出す話

✎firefox セキュリティ ReleaseNote

Firefox 23 でContent Security Policy 1.0 をサポート。
CSP 1.0と仕様について

✎browser デバック

sourceURL を指定するコメントの書式が変更された。
JScriptの//@cc_onみたいなものと衝突してしまっていたので`//# sourceMappingURL=<url>`という書式に変更された

✎JavaScript animation

timerベースの描画とrequestAnimationFrameの仕組みの違い。requestAnimationFrameがすることとしないこと。
requestAnimationFrameの使い方について

✎JavaScript WebAPI tutorial

Web Workers入門
SharedWorkerについてや、Blob/createObjectURLを使った別ファイルに分けないでWorkerを作る方法について等

✎デバック browser

Pinterestと描画パフォーマンス改善の話

✎JavaScript webkit mobile

PhantomJSを使ってモバイルサイトのテスト.
mocha-phantomを使ってPhantomJSを操作しながらテストを書く

✎JavaScript

よくある感じのプログラム問題をJavaScriptで実装/解答した感じのコード集

✎JavaScript DOM HTML

よく見かけるタブUIのDOMをリファクタリングする話。

✎ECMA JavaScript

event listnerのhandlerのthis bindingを自動化するためにはどうするか。
Proxyを使った方法、さらにProxy内にキャッシュを作るコトや、ES6的な方法について

✎WebAPI

開発者と標準は少し距離があるので、その間を埋める新たなサイクルについてのマニフェスト.
Polymerのように既存機能を使ったPolyfillなどを用いながらやることで、開発者はすぐに使えて議論でき、Web標準へのフィードバックをより活発に行えるサイクルを形成していこうという感じの内容

Sign the Manifesto からマニフェストに対して署名できます。

✎mobile HTTP

モバイル環境でのネットワーク通信について。
コネクション数の制限が強いので正しく破棄で来てるかどうか、再接続や通信の数を減らすことのチェック項目

✎ECMA JavaScript

ECMAScript バージョン別の予約語まとめ

✎css

CSSガイドライン

✎JavaScript library

Functional Reactive Programming なライブラリであるBacon.jsについて

スライド、動画関係

✎JavaScript スライド

データバインディングとリアクティブプログラミングについてのスライド

✎backbone.js スライド

CrashlyticsのBackbone.jsについてのスライド。
Backboneを使ったアプリの構造、stateと非同期の処理、同期的にデータをやり取りする場合は`Vent`に対してレスポンスとリクエストを登録して直接はやり取りしないようにしてモジュールの疎結合を作る

✎JavaScript スライド Tools

JSLint/JSHint/JSONLint/gjslintなどの静的解析ツールについてのスライド

✎DOM スライド 歴史

DOM APIの変化についてのスライド.
MutaionObserver、append/after等の追加されたDOM API 、Future(現Promises)などについて
http://www.w3.org/TR/2012/WD-dom-20121206/#element
http://infrequently.org/2013/06/sfuturepromiseg/

✎W3C イベント スライド 動画

W3C Developer Meetup - Tokyoのスライドと動画まとめ

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

✎Chrome Extension

Web Developer Checklist をChromeの拡張機能から利用できるようにしたもの

ツール、ライブラリ関係

✎Sass console

SassのC++実装であるLibsassのCLIラッパー

✎JavaScript library

クレジットカードやISBN、緯度経度、電話番号、郵便番号などよくある感じの正規表現をまとめたもの

書籍関係

✎jasmine book 電子書籍

Jasmineを使ったBDDについての書籍

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