2014-09-30のJS

Release 0.11.0-rc · yyx990803/vue

Vue.js 0.11.0-rcリリース。 Breakingな変更も含め多数の変更が予定されてる

Virtual DOMのアルゴリズムが知りたくてvirtual-domのコードを読んだ話 - snyk_s log

VirtualDOMの構成要素やdiffのアルゴリズムについて

JavaScript - BrowserifyからWebpackへの移行時の注意点 - Qiita

Browserifyから見たWebpackのメリットについて。 Browserifyはデフォルトでは1ビルドに1ファイル出力、一方Webpackは最初から複数のファイルを吐き出せる。 (Browserifyはfactor-bundleなどが必要) また、Webpackはデフォルトで賢いビルドをするため高速にビルド出来る。 (BrowserifyはAdvanced Optionsなどで細かい指定やビルドの工夫が必要) どちらもビルド時間の多くをSourceMap出力が占めている傾向がある。

Get Started React.js // Speaker Deck

React.jsについて詳しく書かれたスライド。 JSXの使い方、Viewの構成、ImmutableなPropと状態を表すState、Component同士のやり取りやライフサイクル、CSSやアニメーション、Fluxアーキテクチャ、サーバサイドレンダリングなど

Testing Flux Applications | React

FluxアーキテクチャをJestでテストする話。

ECMAScript 6 promises (1/2): foundations

ES6 Promiseについての連載。 JavaScriptにおける非同期処理に関連するコールスタック、イベントループ、コールバックについての解説がされている

Preparing for ECMAScript 6: New String Methods

ES6で入るString周りのメソッドについての解説

async vs defer attributes - Growing with the Web

script要素のasync属性とdefer属性の動作の違いを図解にしたもの

Dev.Opera — Better @font-face with Font Load Events

CSS Font Loadingを使ってウェブフォントを読み込んでから適応して、FOUTを回避する事について

Using ServiceWorker in Chrome today - JakeArchibald.com

Chromeでフラグ付きで実装されたService Workerを動かす方法やオフラインキャッシュのデモ

The State of Grunt

Gruntの現状と未来についてのスライド。 Grunt 0.4ではGulpやBroccoliのプラグインも使えるようにすることやstream/promiseベースのTaskのパイプラインのサポート。 Grunt/Gulp/Broccoliの目的の違いについてまとめられてる

Dropbox - guiding-through-the-javascript-frameworks.pdf

JavaScriptのAngular、Ember、Backbone、React、Ampersand.jsなどのライブラリの特徴、またそれらを使って何を解決するのかというガイドラインを示すスライド

▶ Tale of npm, css and html - YouTube

Browserifyとnpmを使った開発、またBrowserifyのcss版と言えるparcelifyについてのスクリーンキャスト <a href='https://github.com/rotundasoftware/parcelify'>https://github.com/rotundasoftware/parcelify</a>

JavaScriptが実行できるリアルタイムオンラインエディタ作ってみました | 圧縮電子どうのこうの

コラボレーション出来るjsfiddle的なウェブサービス。 複数人で編集できカーソル位置の可視化、JavaScriptコンソールやHTMLのプレビューなどがある

mohayonao/neume.js · GitHub

Web Audio APIを扱うライブラリ。 パフォーマンスや試行錯誤がしやすいインタフェースを目的にしている <a href='http://mohayonao.hatenablog.com/entry/2014/09/29/123242'>http://mohayonao.hatenablog.com/entry/2014/09/29/123242</a>

Amazon.co.jp: JavaScriptエンジニア養成読本 [Webアプリ開発の定番構成Backbone.js+CoffeeScript+Gruntを1冊で習得! ] (Software Design plus): 吾郷 協, 山田 順久, 竹馬 光太郎, 和智 大二郎: 本

2014年10月18日 発売 JavaScript開発のムック本

Developing a React.js Edge - O&#x27;Reilly Media

React.jsについての書籍 <a href='https://github.com/rtfeldman/bleeding-edge-sample-app'>https://github.com/rtfeldman/bleeding-edge-sample-app</a>

“There Are More Bugs In Mobile Than... Particles In The Universe!” | Smashing Magazine

PPKによるモバイル周りのJSやCSSのバグや混乱する挙動などについてのガイドラインを提供する本。 viewportや300msの遅延、ズームの動作、Touch Event、Androidなどのハマりどころについて書かれてる