JSer.info #176 - Chrome 35のstableがリリースされました。
以前紹介したβの時 から、touch-action CSS propertyやObject.observe()が36へ延期しています。
詳しく更新内容はβの時の記事を参照すると良いです。
35ではES6 PromisesやCSS Font Loadingの追加、フラグ付でWeakMaps/WeakSetsの追加、Web Audio APIやShadow-DOMのprefixが外れるなどしています。
また、36に延期されたObject.observe()についてData-binding Revolutions with Object.observe() - HTML5 Rocksという記事で詳しく解説されています。
オブジェクトや配列と行ったデータの監視と通知が出来るAPIで、今多くのライブラリに独自に実装されてるようなデータバインディングの部分がかなりキレイにパフォーマンスも良く実装出来るようになります。 (Angular2.0ではObject.observeを取り入れた変更検知の実装を使っていく感じ)
React.js: an interactive tutorial to get started という記事では、Reactについて動かして学べるチュートリアルが公開されています。
There are a lot of tutorials about react.js but almost none, or very hard to find, in pure JavaScript. と書かれるぐらい、何故かaltJSとの組み合わせでよく見かけるReact.jsですが、 このチュートリアルでは、いわゆるJSXも出てこない素のReact.jsの(Virtual)DOM APIについて書かれています。
ヘッドライン
YUI 3.17.1 Released - YUI Blog
YUI 3.17.1リリース。
Promiseはypromise、touch eventsはHammer.jsとするため下準備(まだ取り込まれてはいない)。D&Dのレグレッションの修正等
jQuery UI 1.11.0-beta.2 | jQuery UI Blog
jQuery UI 1.11.0-beta.2リリース。
Selectmenuのwidgetを追加、AMDとBowerをサポート、IE7のサポートを終了、ダウンロードパッケージをよりシンプルに
Release v1.4.11 · npm/npm
npm 1.4.11リリース
npmデフォルトのリポジトリがgit://からhttps://に変更、npm versionにprerelease, preminor, prepatch を追加等
Chrome Releases: Stable Channel Update
Chrom35リリース。
Promiseの実装、フラグ付でWeakMaps/WeakSetsの追加、Shadow-DOMのprefixがなくなった。
touch-actionとObject.observeは36へ延期
ESLint 0.6.2 released - ESLint
ESLint 0.6.2リリース。
細かいバグ修正とドキュメントの改善
harmony:specification_drafts [ES Wiki]
ES6 Draft Rev 25リリース。
アーティクル
Google ウェブマスター向け公式ブログ: ウェブページをより深く理解するようになりました
Google検索等に利用されるGooglebotがJavaScript等も実行し通常のブラウザと同じようにレンダリングしたりしてクロールするようになったとの事
Journey to the Promises Land | LinkedIn Engineering
Promiseを使ったコードフローの管理について。
.nodeify()を上手く使ってて、nodeify(done)という感じでテストにも使ってる。(今だとpromiseオブジェクト自体にも対応してるけど)
Data-binding Revolutions with Object.observe() - HTML5 Rocks
ES7のObject.observe()によるデータバインディングについて。
現状のやり方であるDirty-checkingやCotainerとの違い、Object.observeの使い方。
PathObserver、ArrayObserver等についても解説されてる
Web Animations - element.animate() is now in Chrome 36 - HTML5Rocks Updates
Chrome36で実装されたWeb Animationsの機能について
Communicating Large Objects with Web Workers in javascript | Red Hat Developer Blog
JavaScriptででかいファイルをやり取りするときにWebWorkerを使って1行ずつ渡していく方法等について。
RedHatのログ解析画面で行っている事例
JavaScript Memory Profiling - Google Chrome
Chrome DevToolsを使ったメモリプロファイリングのやり方、DevToolsの解説ページ。
それぞれの機能がかなり詳細に解説されてて、実行出来る例もある
Script-injected “async scripts” considered harmful - igvita.com
JavaScriptの非同期スクリプトロードは本当にいいのかについて。
CSSのロード待ちが発生するケースやasync属性を使った場合との比較や現状のブラウザサポートについて。
How the Browser Pre-loader Makes Pages Load Faster - Andy Davies
pre-loadingとpre-fetchingのパフォーマンスについて
React.js: an interactive tutorial to get started
React.jsのインタラクティブなチュートリアル。
React.jsによるDOMの作り方やコンポーネントとしての利用等、その場で実行出来るサンプルが一緒に書かれててる。
XMLHttpRequest#responseURL について - xK.memo
XHRでリダイレクトされてる時の最終的なURLを取得できるresponseURLがFirefoxに実装された
Reusing require.js modules in Node.js - arqex
Node.js上でAMDモジュールをrequireする事が出来るAMDrequireについて
ソフトウェア、ツール、ライブラリ関係
indus/ncc
Node.js向けのCanvasライブラリ。
Chromeのremote debugging protocolを利用して、Node.jsからChromeで実際にCanvasを動かす。
GoogleWebComponents
YoutubeとかカレンダーとかGoogleサービスのWebComponents
書籍関係
Amazon: Professional AngularJS [Paperback]: Valeri Karpov, Diego Netto
2014年12月22日発売
AngularJSについての書籍
Full Stack Web Development with Backbone.js - O’Reilly Media
2014年6月発売
Backbone.jsを使ったシングルページアプリケーションについての書籍
