JSer.info #49 - FIrefox 11(Aurora 11なので実際には少し入るものに変更があるかもしれないですが)で結構いろいろと面白い変更が入っています。XHRのresponseTypeにhtml(document)とjsonが入ったり、WebSocketからprefixがなくなったり、SPDYが実装されたりといろいろ変更があります。
PhpStormから若干遅れてWebStormも3.0がリリースされました。
Git周りもかなり使いやすくなったので、オススメです。
CoffeeScriptなどにも対応しましたがまだ完璧ではないそうです via CoffeeScript導入に必要なこと
後、JSer.infoは来年1/16で一周年なわけですが、それに関するイベントを1/15に#tkbjsのイベントと一緒にやることになりました。
オンラインの方に参加したことなくても、書籍の方を持ってなくても参加して問題ないと思うのでよろしくお願いします。(詳細は来年ぐらいにもう一度書きます)
『Knockout 2.0.0 released - Steve Sanderson’s blog - As seen on YouTube™』
http://blog.stevensanderson.com/2011/12/21/knockout-2-0-0-released/
Knockout 2.0.0 がリリース
『knockout.js 2.0.0 がリリースされたので試してみた - まめしばArticle』
http://d.hatena.ne.jp/shiba-yan/20111222/1324485589
knockout.js 2.0.0の変更点などについて
Introducing Aurora 11 with tons of new features and improvements ✩ Mozilla Hacks – the Web developer blog
http://hacks.mozilla.org/2011/12/introducing-aurora-11-with-tons-of-new-features-and-improvements/
Firefox11での変更点の解説。
- outerHTMLプロパティ
- XHRでhtmlのパースをサポート
responseType = “document”
http://d.hatena.ne.jp/teramako/20111122/p1
同様にresponseType == “json”もサポート
- cancel(Request)AnimationFrameの実装
- Event constructorsの実装
- -moz-text-size-adjustの実装
- SPDYを搭載(デフォルトOFF)
- Websocketを-mozプレフィックスなしでも利用できるように
- アニメーションGIFがCPUを使いまくるのを解消
WebStorm 3.0: The JavaScript IDE! | WebStorm & PhpStorm Blog
http://blog.jetbrains.com/webide/2011/12/webstorm-3-0-the-javascript-ide/
JavaScriptを中心にWeb開発向けIDEのWebStorm 3.0がリリースされた。
NodeやJSLint(JSHint)、CoffeeScript対応やGIthubのレポジトリ作成や,gistへ投稿などgit系の対応も増えています。
『Backbone patterns』
http://ricostacruz.com/backbone-patterns/
Backbone.jsのベストプラクティスのパターンについて解説したドキュメント
最近のJavaScriptモジュールの書き方 - yo_waka’s blog
http://waka.hatenablog.com/entry/2011/11/27/215627
AMD、CJSのModuleなどに対応したモジュールの書き方について
New Developer Tools in Firefox 11 Aurora ✩ Mozilla Hacks – the Web developer blog
http://hacks.mozilla.org/2011/12/new-developer-tools-in-firefox-11-aurora/
FIrefox10からデフォルトで入る開発者ツールの紹介
スタイルエディタやTiltと呼ばれいていたDOMの構造を3Dで見られるインスペクタ
『debugging javascript is a lame title』
http://wordsbyf.at/2011/12/23/debugging-javascript-is-a-lame-title/
JavaScriptのデバッガーを使ったデバッグについて。
Getters/Setters+debuggerステートメントを使った方法が面白い
Fake operator overloading in JavaScript
http://www.2ality.com/2011/12/fake-operator-overloading.html
def.js のような演算子のオーバロードに見せかける方法についての解説
valueOfとtoStringを定義してやる方法
『俺の CSS リセット: 2011 冬 - terkel.jp』
http://terkel.jp/archives/2011/12/css-reset-2011-winter/
normalizeとresetの違いについて
ノーマライズの手法についての解説
『簡単に使える Compass のオススメ機能 - log』
http://neotag.net/log/2011/12/Less-and-Sass-Advent-calendar-2011-24th.html
Compassのいろいろな機能について
CSS spriteや画像の高さや幅を取得して設定するや読み込み先の変更など
JavaScriptまわりあれこれ - ashizawaの日記
http://ashizawa.hatenablog.jp/entry/2011/12/06/163003
JavaScriptのテストツールやビルドツールなどをまとめたメモ
いろいろ載っていて参考になる。
『Reliable Cross-Browser Testing, Part 1: Internet Explorer - Smashing Coding』
http://coding.smashingmagazine.com/2011/09/02/reliable-cross-browser-testing-part-1-internet-explorer/
IE6-10までの環境を揃える方法についていろいろ、ツール紹介とかオススメの手順とか。
『Quick Fun: CSS3 Filter Effects « GirlieMac! Blog』
http://girliemac.com/blog/2011/12/21/quick-fun-css3-filter-effects/
CSS Filter Effectsのサンプル集
Webkitのnightlyで利用できる
『CSS3 Filter Effects DEMO - jsdo.it - Share JavaScript, HTML5 and CSS』
http://jsdo.it/GeckoTang/sdkT
CSS3 Filter Effects を使ったデモ
それぞれの効果を視覚的に確認
『ryu22eBlog : Node.jsのテスティングフレームワーク「Mocha」（前編）』
http://blog.livedoor.jp/ryu22e/archives/65636256.html
Mochaの使い方紹介
オプションについての解説、後編では出力方法についても
Virtual machine and javascript engine
http://www.slideshare.net/nwind/virtual-machine-and-javascript-engine
JavaScriptエンジンの最適化とか実装とかについてのスライド
JSC、V8、SpiderMonkery、Chakra、Carakan、Rhino、LLVMとEmscriptenとFabric engine。
それぞれのJavaScriptエンジン毎について書かれている
『Web-ARIA』
http://iwmw.ukoln.ac.uk/iwmw2009/sessions/jackson/ppt2000-html/index_files/frame.html
WAI-ARIAについてのスライド
WAI-ARIAとは何かという、role属性について、HTML5とWAI-ARIA、問題点などについて
『[jQuery Mobile] チートシートつくりました | Screw-Axis』
http://screw-axis.com/2011/12/22/jquery-mobile-cheat-sheet/
jQuery Mobileのマークアップチートシート
『Untitled ✿ dabblet.com』
http://dabblet.com/
CSSをメインにしたJSFiddle的なエディタサービス。
githubと連携してgistに保存ができたりする
『Hogan.js』
http://twitter.github.com/hogan.js/
Twitter製のJavaScriptテンプレートライブラリ
『Rickshaw』
http://shutterstock.github.com/rickshaw/
時系列グラフ生成JavaScriptライブラリ
d3.jsを使ったSVGで描画してる
『fent/randexp.js @ GitHub』
http://fent.github.com/randexp.js/
正規表現からそれにマッチするランダムなデータを作成するライブラリ
『Amazon: Foundation Adobe Edge Preview: for HTML5, CSS3, and JavaScript Development [Paperback]: Tomo Green』
http://www.amazon.com/o/ASIN/1430243503/book042-22/ref=nosim
2012年5月31日発売
Adobe Edge本
