Fork me on GitHub

2014-05-26のJS: Chrome35-36、Object.observe、React.jsチュートリアル

Edit on GitHub 編集履歴を見る

JSer.info #176 - Chrome 35のstableがリリースされました。

以前紹介したβの時 から、touch-action CSS propertyObject.observe()が36へ延期しています。

詳しく更新内容はβの時の記事を参照すると良いです。

35ではES6 PromisesCSS 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について書かれています。


ヘッドライン

YUIReleaseNote

YUI 3.17.1リリース。

Promiseはypromise、touch eventsはHammer.jsとするため下準備(まだ取り込まれてはいない)。D&Dのレグレッションの修正等

jQueryUIlibraryReleaseNote

jQuery UI 1.11.0-beta.2リリース。

Selectmenuのwidgetを追加、AMDとBowerをサポート、IE7のサポートを終了、ダウンロードパッケージをよりシンプルに

node.jsReleaseNote

npm 1.4.11リリース

npmデフォルトのリポジトリがgit://からhttps://に変更、npm versionにprerelease, preminor, prepatch を追加等

ChromeReleaseNoteJavaScript

Chrom35リリース。

Promiseの実装、フラグ付でWeakMaps/WeakSetsの追加、Shadow-DOMのprefixがなくなった。

touch-actionとObject.observeは36へ延期

JavaScriptToolsReleaseNote

ESLint 0.6.2リリース。

細かいバグ修正とドキュメントの改善

ECMAScriptReleaseNote

ES6 Draft Rev 25リリース。

アーティクル

google検索ReleaseNote

Google検索等に利用されるGooglebotがJavaScript等も実行し通常のブラウザと同じようにレンダリングしたりしてクロールするようになったとの事

Promisesnode.js

Promiseを使ったコードフローの管理について。

.nodeify()を上手く使ってて、nodeify(done)という感じでテストにも使ってる。(今だとpromiseオブジェクト自体にも対応してるけど)

ECMAScriptJavaScriptChrometutorial

ES7のObject.observe()によるデータバインディングについて。

現状のやり方であるDirty-checkingやCotainerとの違い、Object.observeの使い方。

PathObserver、ArrayObserver等についても解説されてる

Chromeanimation

Chrome36で実装されたWeb Animationsの機能について

JavaScriptwebworker

JavaScriptででかいファイルをやり取りするときにWebWorkerを使って1行ずつ渡していく方法等について。

RedHatのログ解析画面で行っている事例

Chromedebug

Chrome DevToolsを使ったメモリプロファイリングのやり方、DevToolsの解説ページ。

それぞれの機能がかなり詳細に解説されてて、実行出来る例もある

JavaScript

JavaScriptの非同期スクリプトロードは本当にいいのかについて。

CSSのロード待ちが発生するケースやasync属性を使った場合との比較や現状のブラウザサポートについて。

browserHTTP

pre-loadingとpre-fetchingのパフォーマンスについて

JavaScriptDOMtutoriallibrary

React.jsのインタラクティブなチュートリアル。

React.jsによるDOMの作り方やコンポーネントとしての利用等、その場で実行出来るサンプルが一緒に書かれててる。

XHRfirefox

XHRでリダイレクトされてる時の最終的なURLを取得できるresponseURLがFirefoxに実装された

JavaScriptAMDlibrary

Node.js上でAMDモジュールをrequireする事が出来るAMDrequireについて

ソフトウェア、ツール、ライブラリ関係

Chromecanvasnode.jslibrary

Node.js向けのCanvasライブラリ。

Chromeのremote debugging protocolを利用して、Node.jsからChromeで実際にCanvasを動かす。

googleWebComponents

YoutubeとかカレンダーとかGoogleサービスのWebComponents

書籍関係

AngularJSbook

2014年12月22日発売

AngularJSについての書籍

JavaScriptbackbone.jsbook

2014年6月発売

Backbone.jsを使ったシングルページアプリケーションについての書籍

この記事へ修正リクエストをする
JSer.info Slackに参加する