2016-01-06のJS

petehunt/react-howto

React作者によるReactのエコシステム入門のガイドライン

Revisiting Firefox’s DevTools – Smashing Magazine

Firefox開発者ツールを改めて紹介している記事。 最近色々な機能が追加されている。

Angular 2 versus React: There Will Be Blood — Medium

AngularJSとReactの対比。 Angular 2 continues to put “JS” into HTML. React puts “HTML” into JS.

Well, I'm Back: innerText: Cleaning A Dark Corner Of the Web

IEやWebKitにも存在するinnerTextは仕様と相互互換性がなかった。 WebKitを前提とするモバイルサイトで多く使われているため、Firefoxでも実装することとなった。 同時に仕様とテストケースを書いたという話

Webkit! RESOLVED FIXED - otsukare

FirefoxでCSSの-webkit- prefixを解釈するオプションがデフォルトで有効となった。 -webkit- prefixしか書かれてないサイトも表示できるようにするのが目的

ChromeDevTool - Chrome Developer Toolsでパフォーマンス計測・改善 - Qiita

Chrome開発者ツールのそれぞれのパネルの図解。 操作方法や項目の意味などについて書かれてる。

JavaScript - AudioWorker を試してみる - Qiita

Web Audio APIのAudioWorkerについて。

Managing the private data of ES6 classes

ES6 Classesでプライベート風味なデータ保持パターン

Lerna を使って、 Babel や React が採用している monorepo を試してみる - Qiita

Babelのようなmonorepoをlernaを使って管理する方法について

Flux explained for newbies – Part 1 | DevButze

コンポーネントベースでUIを考えていった時になぜFluxのようなアーキテクチャが必要となっていくかについての連載

Day 2: Testing React Applications – 12 Devs of Xmas

React Componentのテストについて。 jsdom、Enzymeを使ったテスト方法など

AddyOsmani.com - Offline installation of npm packages

npm installをオフラインでも出来るようにするためのTips。 --cache-min、local-npm、npm_lazyについて

the new code – Create Fullscreen HTML5 Page Background Video

HTML5 Videoを背景に使う方法や注意点について

Getting Started with Redux - Course by @dan_abramov @eggheadio

Redux作者によるRedux入門のスクリーンキャスト

Node.js Interactive 2015 - YouTube

Node.js Interactive 2015の動画まとめ

orizens/angular-es2015-styleguide

AngularJS 1.xとES2015を組み合わせたスタイルガイド

HTML 5 Canvas Cheat Sheet - WebsiteSetup.org

Canvasのチートシート

WPO Stats

ウェブパフォーマンスの最適化について書かれた記事などのまとめ

Lucifier129/react-lite

ReactのCore APIに関しての互換実装ライブラリ。 サーバサイドレンダリング、React.PropTypes、addonsなどを取り除いて、より小さなファイルサイズとすることを目的としている。

substack/hyperx

virtual-dom、React、hyperscriptに対応したTemplate Stringsを使ったビルダーライブラリ。

narirou/jconv

Pure JavaScriptで書かれたShift_JIS(CP932)、ISO-2022-JP(-1)、EUC-JP、UTF-8、UNICODEの相互変換を行うライブラリ

unit-coverage/unit-coverage

コードカバレッジツール。 コード同士の関係もカバレッジのレポートに含める事が出来る。 JSCSなどで利用されている

Setting up ES6 by Axel Rauschmayer [Leanpub PDF/iPad/Kindle]

Dr.AxelのBabelを使ったES6の導入についての電子書籍。 loaderの仕組みがtranspilerやCommonJSに依存している中で、モジュール周りの挙動の誤解を解く内容が書かれてる