2013-10-15のJS: Backbone.js 1.1.0、MV*データバインディング、Knockout 3.0RC

JSer.info #144 - Backbone.js 1.1.0 がリリースされました。
1.0.0 … 1.1.0 では、大きな機能的な変更はないとのことですが、細かい変更はあるのでそれの辺に依存してる場合は注意が必要そうです。

Two-way bindingsというスライドではAngular、Ember、Knockoutのデータバインディングの仕組みの違いなどについてまとまっています。
itemを追加した時のレンダリングのスピードの違いやitemを追加した時に逐次レンダリングするのかなど、ライブラリによる違いがまとまっています。
この辺はJavaScriptご飯でも話にでてましたが、AngularJSみたいに上手くやる仕組みをもっているとパフォーマンス的によい場合が多いですが、
ライブラリが用意した方法以外ではDOMに触りにくくなるブラックボックス(フレームワークとしては正しい気がする)のような感じなったりするので、
ライブラリがどういうスタンスを取るかにもよる部分かなと思います。

Knockout 3.0 RCがリリースされました。
配列の変更監視のアルゴリズムを変えて高速化、Node and binding rewriting、Gruntベースのビルドシステムにするなどしています。

ヘッドライン

Backbone.js
http://backbonejs.org

backbone.js library ReleaseNote

Backbone.js 1.1.0リリース

SproutCore 1.10.0 Release – SproutCore
http://blog.sproutcore.com/sproutcore-1-10-0-release/

JavaScript library

SproutCore 1.10.0リリース

RequireJS 2.1.9 Released ~ James Burke
http://jrburke.com/2013/10/14/requirejs-2.1.9-released/

JavaScript library ReleaseNote

RequireJS 2.1.9リリース

Knockout 3.0 Release Candidate available - Steve Sanderson’s blog - As seen on YouTube™
http://blog.stevensanderson.com/2013/10/08/knockout-3-0-release-candidate-available/

JavaScript MVC library ReleaseNote

Knockout 3.0RCリリース。
配列の変更通知に関する改善、ビルドシステムをGruntに

YUI 3.13.0 Released - YUI Blog
http://www.yuiblog.com/blog/2013/10/07/yui-3-13-0-released/

JavaScript library ReleaseNote

YUI 3.13.0リリース

アーティクル

A dumb easy model for promises
http://www.vittoriozaccaria.net/blog/2013/09/23/a-dumb-easy-model-for-promises.html

JavaScript Promise チートシート

Promises/A+の図解とチートシート

The dict pattern: objects without prototypes are better maps
http://www.2ality.com/2013/10/dict-pattern.html

JavaScript

{} オブジェクトはObjectからのtoString等を持っているので、Object.create(null)を使い、よりキレイなオブジェクトを使う話について

Functional Refactoring in JavaScript | Victor Savkin on Software Architecture & Design
http://victorsavkin.com/post/63551894251/functional-refactoring-in-javascript

JavaScript

単純な値を渡して関数内部に埋め込んだ判定でやるよりも、判定をする関数を渡すようにするなど、関数型スタイルにリファクタリングしていく話

mustache-security - A wiki dedicated to JavaScript MVC security pitfalls - Google Project Hosting
https://code.google.com/p/mustache-security/

JavaScript セキュリティ CSP MVC library

Angular,KnockoutやEmberなどのMV*ライブラリやUndescoreのテンプレートなどにおけるセキュリティの落とし穴やCSPについての調査がまとまってる

The Extensible Web
http://domenic.me/2013/10/07/the-extensible-web/

web WebPlatformAPI

Extensible Web Manifestoについて。
問題と解決、実際にどのような取り組みが行われているかについて
http://www.slideshare.net/domenicdenicola/the-extensible-web

スライド、動画関係

Inline SVG - トラブルとその対策
http://www.slideshare.net/kadoppe/inline-svg

SVG スライド

Inline SVGでの表示の問題への対処法などについてのスライド

WAH LAU! CSS CAN BE TESTED TOO! // Speaker Deck
https://speakerdeck.com/winston/wah-lau-css-can-be-tested-too

CSS testing スライド

Cactusを使ったCSSテストについてのスライド
https://github.com/winston/cactus

ECMAScript 6 — будущее JavaScript // Speaker Deck
https://speakerdeck.com/simonenko/ecmascript-6-budushchieie-javascript

ECMAScript JavaScript スライド

ES6の新しい機能、シンタックスについてのスライド.
コード例が中心なので分かりやすい

Two-way bindings
http://projects.mariusgundersen.net/JSconf2013/#/title

MVC library スライド JavaScript

Knockout, Ember, Angularのデータバインディングの違いについてのスライド。
値の変更の監視、値の変更とレンダリングを非同期に行うかどうか、値の変更と再計算(リアクティブ)、パフォーマンスについて

Plight Of The Butterfly - Everything You Wanted To Know About Object.observe() – Addy Osmani [Video]
http://2013.jsconf.eu/speakers/addy-osmani-plight-of-the-butterfly-everything-you-wanted-to-know-about-objectobserve.html

JavaScript 動画

Object.observe()についての動画

3日時間をもらったので TypeScriptを触ってみた
http://www.slideshare.net/y-kato/3-typescript

JavaScript TypeScript C#

TypeScript 0.9の現状についてスライド.
言語機能についてが中心

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

Рейтинг@Mail.ru - Глобальная статистика Рейтинг@mail.ru: браузеры
http://top.mail.ru/browsers?id=250#sids=chrome,mob,firefox,opera,msie&percent=0

アクセス解析 browser まとめ

ロシアのMail.ruのアクセス解析情報の統計データが見られる。
ブラウザの比率や訪問数、Flashのバージョン(インストール率)等大体のデータが載ってる

Introduction: CSS Testing :
http://csste.st/

CSS testing まとめ Tools

CSSテストに関するツールや方法等をまとめてるサイト

ツール、ライブラリ関係

AbsurdJS - the new CSS preprocessor
http://krasimir.github.io/absurd/

JavaScript node.js CSS

JavaScriptやJSONを書いてCSSにコンパイルするJSライブラリとNodeモジュール。
プリプロセッサ的な部分をそのままJavaScriptに持ってきた感じ

natefaubion/sparkler
https://github.com/natefaubion/sparkler

JavaScript

sweet.jsを使ってパターンマッチを行うマクロライブラリ

書籍関係

Manning: Web Components in Action
http://www.manning.com/buckett2/

WebComponents book

2014年夏発売
Web Componentsについての書籍

Amazon: HTML5: The Definitive Guide [Paperback]: Chuck Musciano, Visit Amazon’s Chuck Musciano Page, search results, Learn about Author Central, Bill Kennedy, Estelle Weyl
http://www.amazon.com/o/ASIN/1449302599/amazon0abac-22/ref=nosim

HTML5 book

2014年7月22日発売