2016-03-23のJS

Announcing Marko v3: From HTML to HTML-JS | Marko

テンプレートエンジンのMarko v3リリース。 HTML-JS syntaxというJavaScriptのように書けるテンプレート表現のサポート、コンパイル時最適化の対応など

Chromium Blog: Chrome 50 Beta: Push notification improvements and declarative preload

Chrome 50 Betaリリース。 <link rel='preload'>HTMLCanvasElement.toBlob()のサポート、iframeのsandbox属性値がサポートされているかを判定出来るように、Document.defaultCharsetを削除など

protractor/CHANGELOG.md at 3.2.0 · angular/protractor

Protractor 3.2.0リリース。 TypeScriptサポートのための変更追加、任意のバージョンのWebDriverを指定できるようになるなど

Google Cloud Platform Blog: Node.js on Google App Engine goes beta

GAEでNode.jsがβサポートされた

Developer Edition 47 – User agent emulation, popup debugging and more ★ Mozilla Hacks – the Web developer blog

Firefox 47の開発者ツールの新しい機能について。 どういう流れでオブジェクトが保持されているのかを可視化、コンソールへ複数行入力出来るように、Storage InspectorでCache APIをサポートなど

Debugging with Node

Node.jsに元々入っているnode debugコマンドの使い方について

reBEM: React ♥ BEM — Medium

ReactとBEMの組み合わせについて。 reBEM layersという考え方について

An Introduction to jQuery&#x27;s Deferred Objects

jQuery Deferredの歴史や使い方について 1.x、2.x、3.xそれぞれでの違いについて書かれている

Animating with React, Redux, and d3 | A geek with a hat

ReactとD3.jsを組み合わせてアニメーションするComponentを作る話。 Container ComponentにStateが出てくるためReduxで管理している。 パーティクルを表示するなかでどこにボトルネックがあるかについて

Reactを使ったプロダクトのパフォーマンスを改善した話 | GMOメディア エンジニアブログ

React Componentで作成したアプリにのボトルネックの調査方法や改善手法について。 react-addons-perfを使ってプロファイルを見ながらやっていく話

Redux Middleware in Depth - Qiita

Reduxのmiddlewareについて。 middlewareの適応順や実行順により起きる問題や解決方法について詳しく書かれている。

Why I Write Plain JavaScript Modules

なぜDOMのライブラリをReact/AngularJSなど特定のフレームワーク向けではなく、PureなDOMライブラリとして書くのかについて

The State of Browser APIs - 1

現在ブラウザで使える色々な新しいAPIについての紹介

JavaScriptのPromiseオブジェクトについて調べた事 | QUARTETCOM TECH BLOG

Promiseについて簡潔にまとまった内容。 AngularJSの$qについても扱われてる

Node.js ES2015/ES6 support

Node.js版 ECMAScript compat-table

Your first Progressive Web App

Progressive Web Appについて学ぶワークショップ資料

gravmatt/force-js: The easy way to scroll and animate your page

要素をアニメーションする依存のないライブラリ

danigb/tonal: Music tonal elements —pitches, chords, scales, keys— in Javascript

Web MIDI、Web Audio APIを扱う小さなライブラリを集めたmono repo。

GoogleChrome/proxy-polyfill: Proxy object polyfill

ES6 Proxyのpolyfillライブラリ。 get/set/apply/constructなど一部のtrapのみをサポートしている