JSer.info #209 - JavaScript LintツールであるESLint 0.11.0がリリースされました。
ES6やJSXのサポート等をしていくためにEsprimaからEspreeというforkしたものへとパーサが変更されています。
またデフォルトのLintの設定がECMAScript 5のものを対象とするように変更されたり、設定をpackage.jsonに書くことでも使えるようになっています。
browserify for webpack usersという記事では、webpackの各機能をBrowserifyで実現する方法の比較紹介をしています。
紹介されてるものが必ずしも同等の機能という訳ではないですが、それぞれのツールの設計思想の違いが分かるようなデザインになってます。
webpackは全部入りでそれを活かした最適化ができる作りになっていて、一方Browserifyは機能が外部化されていてそれを組み合わせて使うUnix哲学的な作りになっています。
型の国のTypeScriptはTypeScriptの基本的な要素、TypeScript 1.3.0や1.4.0で追加された機能、型定義ファイルの書き方等について書かれていて、無料で公開されている書籍です。
DefinitelyTypedのメンテナである@vvakameさんが書かれた薄い本なので、第5章 JS資産と型定義ファイルの型定義ファイル(d.ts)の書き方についてや第4章 アドバンスド型戦略の最近の変更点などについて読んでおくといいかもしれません。
ヘッドライン
ESLint 0.11.0 released - ESLint
eslint.org/blog/2014/12/eslint-0.11.0-released/
ESLint 0.11.0リリース。
JavaScriptパーサがesprimaからEspreeへと変更された。
またES5がデフォルトとなり、ES3のコードとしてLintしたい場合はオプションを変更する必要がある
Release v2.2.0 · less/less.js
github.com/less/less.js/releases/tag/v2.2.0
less 2.2.0リリース。
Release Bulleit Bottle · sass/libsass
github.com/sass/libsass/releases/tag/3.1.0
libsass 3.1.0リリース。
@debug、@error等のデバッグ系の実装、random()等の関数の実装や修正など。
アーティクル
ECMAScript 6: maps and sets
www.2ality.com/2015/01/es6-maps-sets.html
Map, WeakMap, Set, WeakSetの挙動についての解説。
それぞれのAPIの解説、WeakMapを使ったプライベートデータ、spread operatorとあわせた使い方等について
browserify for webpack users
gist.github.com/substack/68f8d502be42d5cd4942
Browserifyとwebpackのそれぞれの機能対応について。
webpackは多くの機能が同梱されているため、その機能に対応するBrowserify pluginの紹介や設計思想の違い等について
Advanced unit testing tools for Node.js
blog.wercker.com/2014/12/23/Testing-in-Node.html
TAP形式とtapeを使ってのNodeのテストについて。
proxyquireを使ってのStubなど
KeyboardEvent.keyを利用する前に知っておくべき事 - WebStudio
www.d-toybox.com/studio/weblog/show.php?mode=single;id=2015010100
DOM 3 KeyboardEventについて。
KeyboardEvent.keyCodeの問題点やKeyboardEvent.keyは入力される文字となり直感的に分かるようになっている点について。
また、KeyboardEvent.codeはキー自体を示し、クロスブラウザでのキーイベント対応について等
ES6 Generatorを使ってasync/awaitを実装するメモ - maru source
blog.h13i32maru.jp/entry/2015/01/02/225457
ES6 GeneratorとPromiseを使ってcoライクな実装をするまでをステップ・バイ・ステップで
Multi-User Video Conference with WebRTC – Minko Gechev's blog
blog.mgechev.com/2014/12/26/multi-user-video-conference-webrtc-angularjs-yeoman
AngularJS+WebRTC+socket.ioを使ってビデオチャットを作るチュートリアル。
Yeomanのジェネレータを使ってAngularJSのコードベースを生成してる
スライド、動画関係
A Brief Introduction to SVG | Treehouse Blog
blog.teamtreehouse.com/brief-introduction-svg
SVGとは何かというのが簡単にまとめられたスクリーンキャスト
The jsdom
www.slideshare.net/domenicdenicola/the-jsdom
jsdomの実装、将来についてのスライド。
またWebIDLから実装に落としていくツールについて
サイト、サービス
Front-end Dev Weekly
フロントエンド開発のニュース、ツールについての週間のメールマガジン
Frontend Weekly
studiomohawk.us2.list-manage.com/subscribe?u=0c8604ec46b9f779a3f5b6a1c&id=9af01549dd
フロントエンドに関連する記事、チュートリアル、動画/スライドを紹介する週間のメールマガジン
Optimizing Performance — Web Fundamentals
developers.google.com/web/fundamentals/performance/
Web Fundamentalsの一部が翻訳されてる
ソフトウェア、ツール、ライブラリ関係
deSVG
SVGをインラインに展開してCSSでスタイリング出来るようにするライブラリ
mauriciosoares/core.js
github.com/mauriciosoares/core.js
Core.registerで要素指定しその要素に関連する処理を書いたコンポーネントの作成、コンポーネント同士はlistenとnotifyのpub/subでやり取りする事で疎結合な構成を作るライブラリ
fraction/set-timer
setTimeout、setIntervalをラップしたTimer APIライブラリ
STRML/JSXHint
JSXシンタックスを含んだファイルもLint出来るJSHintラッパツール
bearcat
モジュール定義部分をbearcatの書き方にすることで、DI、非同期ロード、AOPに対応出来るライブラリ
書籍関係
型の国のTypeScript
typescript.ninja/typescript-in-definitelyland/
TypeScriptについての書籍
無料で公開されている。
Pro Express.js
Express.jsについての書籍
CSS Refactoring - O'Reilly Media
shop.oreilly.com/product/0636920033998.do
2015年3月発売
CSSのリファクタリング本
Beautiful JavaScript - O'Reilly Media
shop.oreilly.com/product/0636920030706.do
2015年3月発売
JavaScript全体のエコシステムやどうやって問題にアプローチしていくのかなどについて
