2012-01-09のJS: Node 0.6.7、Firebug1.9.0リリース、MVCライブラリ

JSer.info #51 - Firebug 1.9.0がリリースされました。Firebug 1.9 New Features ✩ Mozilla Hacks – the Web developer blogに新しく導入された機能がまとまっているので一度見ておくといいです。

ChromiumにもOperaと同じようにCSSセレクタプロファイラーが載ったり、またCoffeeScriptなどトランスレートして使うものをデバッグするのに有効なSource Mapも実装されています。Source MapがサポートされることでaltJSなものがデバッグしやすくなるので、今後もこうしたJavaScript/CSS(同じようにCSSSourceMapというがある)へ変換する言語というものは増えていくと思う。

—-

以前言っていたオフラインJavaScript勉強会 : ATNDが来週の15日と迫って来ました。

JSer.infoを作った目的や運用方法について
世界のJavaScript情報を読もう @ 2012
- 見る(何を見る、どこを見る)
- 知る(何を知りたい、探す、情報の取捨選択)
- 学ぶ(何からどう学ぶ、学習方法)

あたりについて発表すると思います。
時間があったらWebStormやJavaScriptのデバッグについて何か書きたい。

ヘッドライン

Node v0.6.7 « node blog
http://blog.nodejs.org/2012/01/06/node-v0-6-7/

Node.js 0.6.7リリース

Getfirebug Blog » Blog Archive » Firebug 1.9.0
http://blog.getfirebug.com/2012/01/06/firebug-1-9-0/

Firebug1.9.0リリース

『Firebug 1.9 New Features ✩ Mozilla Hacks – the Web developer blog』
http://hacks.mozilla.org/2012/01/firebug-1-9-new-features/

Firebug1.9の新しい機能の紹介

アーティクル

CSS Selector Profiler, Source Mapping and Software Rendering « Peter Beverloo
http://peter.sh/2012/01/css-selector-profiler-source-mapping-and-software-rendering/

CSS Selectorプロファイラー、CoffeeScriptのような変換コードと元コードをマッピングしたたものを作るSourceMapなどが実装されてる

Perfection kills » Profiling CSS for fun and profit. Optimization notes.
http://perfectionkills.com/profiling-css-for-fun-and-profit-optimization-notes/

CSS(セレクタなど)のパフォーマンスについて調べた記事
CSSセレクタプロファイラーなどを使用して調べている

『Web Reflection: Improving Function.prototype.bind』
http://webreflection.blogspot.com/2012/01/improving-functionprototypebind.html

Function#bindの実装について

HTML5の要素を条件付きコメントなしでIEで使う - 徒書
http://www.akatsukinishisu.net/itazuragaki/html/html5_elements_in_IE_without_conditional_comment.html

条件付きコメントを使わない代わりに、IEに対してhtcファイル(DHTML Behaviors)を使いhtml5shivを適応する方法

こてさきAjax:マルチデバイス連携を実現する WebIntents ～基本と使い方編～ - livedoor Blog（ブログ）
http://blog.livedoor.jp/kotesaki/archives/1771158.html

Web Intentsについて

HTML5, ARIA Roles, and Screen Readers in March 2011 | Articles | Accessible Culture
http://www.accessibleculture.org/articles/2011/04/html5-aria-2011/

HTML5要素でのアクセシビリティついて
Screen Reader&ブラウザでの対応についてのまとめ

0-9, 最近のJS系のツールを触ってみたまとめ
http://0-9.tumblr.com/post/15398953814/javascript-tools

CoffeeScript、WebStormについてやJavaScriptのテスト構成について

Backbone.js -JavaScriptのMVCフレームワーク- ｜ Classmethod.dev()
http://dev.classmethod.jp/ria/backbone-js-javascript-mvc-framework/

Backbone.jsのMVCについての解説

『2012年に使いたいJavaScriptのMVCフレームワーク14選 - memo.yomukaku.net』
http://memo.yomukaku.net/entries/8nZdDFu

JavaScript MVCフレームワークのまとめ

JavaScriptのMVCフレームワークたち｜ Classmethod.dev()
http://dev.classmethod.jp/ria/javascript-mvc-frameworks/

JavaScript MVCフレームワークのまとめ

『jQuery Performance Tips Cheat Sheet | Dumitru Glavan』
http://dumitruglavan.com/jquery-performance-tips-cheat-sheet/

jQueryのパフォーマンスに関する注意点をまとめたチートシート

オレオレCoffeeScriptを作ろう - yo_waka’s blog
http://waka.hatenablog.com/entry/2012/01/09/104504

Lexer/Parserをベースに”class Foo extends Bar”, “super()”、”super.someMethod()”を解釈してES5なコードとして吐き出すトランスレーター

『Custom Events are Pretty Cool | CSS-Tricks』
http://css-tricks.com/custom-events-are-pretty-cool/

jQueryでの通常のコールバックと比較してカスタムイベントの使い方紹介

『JSON PointerとJSON Patch - 一汁三菜』
http://silphire.hatenablog.jp/entry/2012/01/06/073300

JSON操作に関する仕様の提案について
add/remove/replace/move/test

スライド、動画関係

AMD - Why, What and How
http://www.slideshare.net/anm8tr/amd-why-what-and-how

AMDについてのスライド
Dojo中心にAMDの利点や利用方法、ビルドなどについて

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

『Mobile Performance Tools - GitHub』
https://github.com/h5bp/mobile-boilerplate/wiki/Mobile-Performance-Tools

mobile webのパフォーマンス測定やデバッグに使えるツールのまとめ

『The JvJsDoc Documentation Generator』
http://www.seehuhn.de/pages/jvjsdoc

コードのJSDocコメントからドキュメントを生成するツール
Closure Compilerで使われてるJSDocライクなコメントも対応している。

ライブラリ関係

『Gitview』
http://gitview.logicalcognition.com/

githubユーザーのレポジトリをリスト表示するウィジェットJavaScriptライブラリ

『A Fix for the iOS Orientationchange Zoom Bug | Filament Group, Inc., Boston, MA』
http://filamentgroup.com/lab/a_fix_for_the_ios_orientationchange_zoom_bug/

mobile safariで回転時にズームがおかしくなるバグを修正するJavaScriptライブラリ