2014-12-02のJS

Release 0.11.1 · yyx990803/vue

Vue.js 0.11.1リリース。 v-componentのスコープの変更、wait-for属性で特定のeventがemitされるまで待てるように、v-styleにdataとしてCSSオブジェクトを渡してスタイルを適応出来るようになるなど

ESLint 0.10.0 released - ESLint

ESLint 0.10.0リリース。 CLIがデフォルトでnode_modulesを無視するように、拡張子なしのファイル名のみの指定が可能になり、別途オプションとして拡張子のデフォルト値を設定出来るようになる等

IE Web Development Support Moving to Stack Overflow

IEの開発に関する質問サポートはStack Overflowに移行するとの話

DailyJS: JavaScript Developer Survey 2014

DailyJSのJavaScript開発者アンケート 2014の受付が開始された

The State of Flux

Fluxアーキテクチャ関連のライブラリのまとめ、それぞれの実装的な特徴

Getting Started with React and JSX

Reactのチュートリアル。 props、state、eventと順に紹介してる

フロントエンドエンジニアになってから11ヶ月間で覚えたちょっと捗るChromeの使い方 - Qiita

Chrome開発者ツールのTips。 gifと共に機能を紹介してて分かりやすい

The State of JavaScript in 2015 - Jimmy Breck-McKye

AngularJS 2.0の発表でJavaScriptについて再考する話。 新しいテクノロジーを扱う時はちゃんと疑問を持って接する事、企業製だからといって信用するのは別問題、モノリシックなフルスタックフレームワークよりも役割が分けられたライブラリを選ぶ。 役割が分けられたライブラリを使う事でレガシーなプロジェクトに新しいテクノロジーを導入するときも全てを書き換えないでインクリメンタルに変更していける。 著名なライブラリがフルスタックなのか、特定の役割だけを持っているかや、 今後どのようにライブラリを選び開発していくかについて。

What's in a Function Name? - Bocoup

JavaScriptの関数名について。 関数定義や関数式、即時実行、newの場合、ES6のletやexportなどのそれぞれの場合に"関数名"がどうなるか。 またJSHintによるチェックやデバッグに役立つdisplayNameプロパティについて

Custom Elements - Web Components を構成する技術: Tender Surrender

Custom Elementsについての解説。 Custom Elementsの作り方、仕組み、ライフサイクルコールバック、ユースケースについて

Goodbye, Layout Invalidation: Animating SVGs With CSS Transforms | Charlie Marsh

動かすSVG要素を分けてCSS transform等を使ってGPUで処理が出来るようにチューニングすることで、60FPSが出るようにパフォーマンス改善をする話

React Through the Ages // Speaker Deck

Reactの今後についてのスライド。 Reusable ComponentsがFacebookの中には既に10000個ある。 1.0に向けてAPIの安定化/修正、ES6 Classesへの対応、CSS in JS、Web Worker対応、レイアウトやアニメーション等をあげている

ReactJS: Keep Simple. Everything can be a component! // Speaker Deck

Reactの特徴について分かりやすくまとめられているスライド。 Immutable、Virtual DOM、PropとState、DRYにするためのMixin、Isomorphicについて

Functional Programming

関数型プログラミングについてのスライド。 オブジェクト指向との考え方の違い、DeclarativeとImperative、まだJSでは扱えない部分について(末尾最適化等)、具体的にOOPからFPへどう書き換えるかの例等

ペパボのフロントエンドスタンダード

ペパボによるエンジニア、デザイナが「最低限これだけはおさえておこう」というスタンダードを文書化したもの。

decadecity/css-specificity-map

CSSの詳細度グラフのデータを作るライブラリ

knsv/mermaid

テキストからD3を使ったフローチャートやダイアグラム等の図を作成してくれるライブラリ

krasimir/atomus

Node.js環境でDOMを含めたクライアントサイドのコードをテストするライブラリ。 jsdomを使っていて、テストを実行する場所となるHTMLを渡して、クリックなどのイベントを起こしてテスト出来る

serratus/quaggaJS

JavaScriptで書かれたバーコードリーダライブラリ。getUserMediaを使ってリアルタイムに処理したり、画像から検出したりできる

Handsontable - JavaScript data grid editor. Excel-like grid editing with HTML & JavaScript

Excelライクなデータグリッドエディタ。 依存するライブラリなしで利用できる

Introduction | Full Stack JavaScript Engineering

フロントエンド全般についての知識について書かれたGitBookを使った電子書籍

Amazon: 改訂版 Webデザイナーのための jQuery入門: 髙津戸 壮, 小原 司

「WebデザイナーのためのjQuery入門」の改訂版