2014-09-15のJS

Intern 2.1 released | Blog | SitePen

Intern 2.1リリース。 HTMLレポーター/JUnit XMLレポーターの追加。

Release 3.1 “Satyameva Jayate” · postcss/autoprefixer

autoprefixer 3.1リリース

V8 Installation and d8 shell usage

d8コマンドをインストールして、最適化/非最適化、プロファイリング、GCのトレース、Hidden Class等のチェック方法などについてまとまってるチュートリアル

V8の最適化とIRHydraでの可視化とベンチマークについてのメモ | Web Scratch

V8のHidden Class等のJavaScriptの最適化やhot codeについて。 IRHydra2を使った最適化されてない事の可視化や参考リソースについて。

「for やめろ」またはイベントループと nextTick() - Block Rockin’ Codes

node.jsにおけるイベントループとブロックについて。 setTimeout、process.nextTick、setImmediateの意味の違い。 I/Oイベントとそれぞれの実行タイミングについて分かりやすく解説してる。

Integrating D3.js visualizations in a React app - Nicolas Hery

D3.jsのデータ・ドリブンのデータ更新とReactのVirtual DOMを組み合わせた話

Firefox Add-on Enables Web Development Across Browsers and Devices ✩ Mozilla Hacks – the Web developer blog

Firefoxの開発者ツールを使ってChromeやSafariで表示してるページをデバッグするアダプタのアドオン。 remotedebug.org と似ているが、共有のプロトコルの提供ではなく、Firefoxのプロトコルをベースとしてる

Intro to Broccoli

ビルドツールであるBroccoliについてのスライド。 Railsで言えばBroccoliはasset pipelineで、GruntやGulpはrakeに当たるツール。 ビルドに焦点をおいているという特徴がある

Talk talks_12C5ADD371A9A5D4 - Ember Fest!

JavaScriptベースのビルドツールであるBroccoliについての動画 <a href='https://github.com/broccolijs/broccoli'>https://github.com/broccolijs/broccoli</a> Broccoliがどのようなプロセスでファイルを処理するかについて話されてる

9 anti-patterns for node.js teams

node.jsにおける9つのアンチパターンについてのスライド <a href='http://efcl.hatenablog.com/entry/2014/09/11/212846'>http://efcl.hatenablog.com/entry/2014/09/11/212846</a>

2014-09-09-performance-in-css-hikalab-yuya-saito.pdf • Droplr

CSSとパフォーマンスについてのスライド。CSSのスタイル変更がどのようなレンダリングツリーの変更/再描画を起こしてるか、それを計測する方法、回避する方法について詳しく書かれてる

OSCON - React Architecture // Speaker Deck

Reactの歴史とReactのDOM Diffについてのスライド <a href='https://www.youtube.com/watch?v=eCf5CquV_Bw'>https://www.youtube.com/watch?v=eCf5CquV_Bw</a> ReactのVirtual DOM = DOMのバージョン管理という話やVirtual DOMのdiffの仕組みについて解説されてる

Building high quality services at Uber

Uber社のnode.jsを使ったプロダクションを運用するにあたってのスライド。 ログ、モニター、設定の管理、例外のログ、プロファイル、初期設定のscaffolding等のツールについて。

Asynchronous JavaScript &amp; Promises

JavaScriptの非同期処理、Promiseについての動画とスライド。 Promiseとはどういうものかについて

BSidesLA Managing Content Security Policy // Speaker Deck

CSPについてのスライド。 CSPとは何か、どうやって適応するか、どうやって管理するかについてTwitterの人が発表した内容。 CSP Lv2のscript hashについてやCSPレポート解析と <a href='http://caspr.io/'>http://caspr.io/</a> について

Polyfill service

polyfillライブラリを配信してくれるCDNサービス。 クエリでfeaturesやuaを指定してそれに対するpolyfillをまとめくれたものを配信してくれる

srcset と sizes

srcset と sizes 属性の入門の翻訳 <a href='http://ericportis.com/posts/2014/srcset-sizes/'>http://ericportis.com/posts/2014/srcset-sizes/</a>

thlorenz/v8-perf

V8のパフォーマンスに関するレポートや資料のまとめ。 Data type、コンパイラ、最適化、GC、メモリ、CPUプロファイリング。 またfast objectであるかどうかの確認方法やプロファイルの取り方などについて

Speed Hall of Fame - The Chromium Projects

ChromiumやV8のパフォーマンスの最適化/向上のIssue(内容)とその結果についてまとめられてるページ

DartLanguageSpecification_Japanese.pdf

Dartの仕様書日本語訳 ECMA-408版

ES6 right now

ES6の動かせるサンプルと共に機能紹介と今スグ使う設定についてのスライド traceur(+grunt/gulp/broccoli/browserify)やes6-shimの紹介

davidmarkclements/decofun

無名関数を自動的にそのコンテキストに応じた名前を付けるデバッグツール。

GraftJS/jschan · GitHub

libchanのJavaScriptポート。 ネットワークを超えてChannel同士でやり取りをする。 WebSocketsとSPDYをサポートしていて、msgpackを使う

uupaa/WMCache.js

FileSystem, IndexedDB, Quota Management APIを使って100MB超えのテンポラリなストレージを管理するライブラリ

hello.js - Javascript API for OAuth2 authentication and REST services

OAuth 2対応のアプリの認証やAPIを叩く機能を持ったライブラリ。 <a href='https://auth-server.herokuapp.com/'>https://auth-server.herokuapp.com/</a> という認証のサーバを使っていて、クライアントサイドを書くだけでGitHubやFacebook等のAPIを利用できる

BlackDice/lill

es6-symbolを使った linked-listの実装ライブラリ

ブラウザ内で安全に文字列からDOMを組み立てるためのRickDOMというライブラリを書いた - 葉っぱ日記

DOMParserやcreateHTMLDocumentを使って文字列から安全にDOMを組み立てるライブラリ

thlorenz/proxyquireify

requireをラップして読み込んだモジュールのメソッドのstubを行えるbrowserify plugin。 変換によってDIが行われるので元モジュールに特殊な仕組みが必要ない

JavaScript: Novice to Ninja - O&#x27;Reilly Media

2014年10月 発売 基礎から学ぶJavaScript