2012-11-12のJS: Sencha Touch 2.1、JavaScriptコーディングスタイル、WebStorm LiveEdit

JSer.info #96 - Sencha Touch 2.1、Sencha Cmd 3.0がリリースされました。
Sencha Cmd V3ではCode Generationの機能なども入っていますが、最近話題になった管理ツールの
Yeomanにはgenerator、BrunchにはSkeletonsというように初期テンプレのコード生成を展開するような機能を持ったものが増えてきている気がします。

Airbnb JavaScript Style GuideというJavaScriptのコーディングスタイル的な文章が公開されています。
一貫性のある慣用的なJavaScriptの書き方(idiomatic.js) と似た感じでオレオレのルールというよりは、
「こう書くのは良くないからこう書いた方がいい」という感じの内容になっています。

Let your tool help you imagine でWebStormのLiveEditを中心に紹介しています。
LiveEditを一度触ってみるとわかると思いますが、ファイル変更+リロードとはまた違った感じでかなり面白い感じになってると思います。

ヘッドライン

Getfirebug Blog » Blog Archive » Firebug 1.11 beta 1
https://blog.getfirebug.com/2012/11/09/firebug-1-11-beta-1/

Firebug 1.11β1リリース。
window.postMessage()のmassage eventを監視してログを出せるようになった

Chutzpah - Chutzpah 2.2 with TypeScript support - Matthew Manela - Farblondzshet in Code
http://matthewmanela.com/blog/chutzpah-2-2-with-typescript-support/

Visual StudioのJavaScript test runnerアドイン Chutzpah 2.2リリース。
TypeScriptのサポート

Sencha Touch 2.1 is Here with New Charting & Tools | Blog | Sencha
http://www.sencha.com/blog/introducing-sencha-touch-2-1-and-more

Sencha Touch 2.1 リリース
グラフの追加、devicePixelRatioを使ったretina対応、無限スクロールできるリストの追加等のアップデート、Sencha Cmd 3.0のリリース

Sencha Touch 2.1 のリリースと新しいチャートとツール | 株式会社ゼノフィ
http://www.xenophy.com/javascript/4225

上記の “Sencha Touch 2.1 is Here with New Charting & Tools” の翻訳

アーティクル

airbnb/javascript
https://github.com/airbnb/javascript

JavaScriptの合理的なアプローチのまとめ。
項目ごとに細かくわけてコーディングルール的な感じで解説

最近の CSS 実装でベンダー接頭辞の外れたもの (2012年11月) | Unformed Building
http://unformedbuilding.com/articles/css-unprefixed-2012-11/

Firefox 16, Opera 12.10, Internet Explorer 10でCSSのベンダーprefixが外れたものについてのまとめ

Writing Fast, Memory-Efficient JavaScript | Smashing Coding
http://coding.smashingmagazine.com/2012/11/05/writing-fast-memory-efficient-javascript/

JavaScriptのパフォーマンスとメモリ効率について。
DOMやdelete、関数やクロージャー、モジュール配列等色々な場合についてまとめられてる。

ADVANCEDモードでコンパイルしたJavaScriptをデバッグするテクニック | Cybozu Inside Out | サイボウズエンジニアのブログ
http://developer.cybozu.co.jp/tech/?p=701

Closure CompilerのADVANCEDモードでコンパイルしたJavaScriptのデバッグ方法。
デバッグオプションやブレークポイントを使ったデバッグ

homoiconic/2012/11/canonicalization.js.md at master · raganwald/homoiconic
https://github.com/raganwald/homoiconic/blob/master/2012/11/canonicalization.js.md

" Canonicalization in JavaScript"
instance === instance;// true にするには