Fork me on GitHub

2015-01-06のJS: ESLint 0.11.0、Browserifyとwebpack、TypeScriptの本

Edit on GitHub 編集履歴を見る

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/

ECMAScript JavaScript Tools ReleaseNote

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

CSS JavaScript ReleaseNote

less 2.2.0リリース。


Release Bulleit Bottle · sass/libsass

github.com/sass/libsass/releases/tag/3.1.0

Sass ReleaseNote

libsass 3.1.0リリース。

@debug@error等のデバッグ系の実装、random()等の関数の実装や修正など。


アーティクル


ECMAScript 6: maps and sets

www.2ality.com/2015/01/es6-maps-sets.html

ECMAScript JavaScript まとめ tutorial

Map, WeakMap, Set, WeakSetの挙動についての解説。

それぞれのAPIの解説、WeakMapを使ったプライベートデータ、spread operatorとあわせた使い方等について


browserify for webpack users

gist.github.com/substack/68f8d502be42d5cd4942

browserify webpack

Browserifyとwebpackのそれぞれの機能対応について。

webpackは多くの機能が同梱されているため、その機能に対応するBrowserify pluginの紹介や設計思想の違い等について


Advanced unit testing tools for Node.js

blog.wercker.com/2014/12/23/Testing-in-Node.html

JavaScript testing

TAP形式とtapeを使ってのNodeのテストについて。

proxyquireを使ってのStubなど


KeyboardEvent.keyを利用する前に知っておくべき事 - WebStudio

www.d-toybox.com/studio/weblog/show.php?mode=single;id=2015010100

DOM event キーボード

DOM 3 KeyboardEventについて。

KeyboardEvent.keyCodeの問題点やKeyboardEvent.keyは入力される文字となり直感的に分かるようになっている点について。

また、KeyboardEvent.codeはキー自体を示し、クロスブラウザでのキーイベント対応について等


ES6 Generatorを使ってasync/awaitを実装するメモ - maru source

blog.h13i32maru.jp/entry/2015/01/02/225457

JavaScript Promises tutorial

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

JavaScript WebRTC AngularJS tutorial

AngularJS+WebRTC+socket.ioを使ってビデオチャットを作るチュートリアル。

Yeomanのジェネレータを使ってAngularJSのコードベースを生成してる


スライド、動画関係


A Brief Introduction to SVG | Treehouse Blog

blog.teamtreehouse.com/brief-introduction-svg

SVG 動画

SVGとは何かというのが簡単にまとめられたスクリーンキャスト


The jsdom

www.slideshare.net/domenicdenicola/the-jsdom

JavaScript DOM スライド

jsdomの実装、将来についてのスライド。

またWebIDLから実装に落としていくツールについて


サイト、サービス


Front-end Dev Weekly

frontenddevweekly.curated.co/

web Tools mail

フロントエンド開発のニュース、ツールについての週間のメールマガジン


Frontend Weekly

studiomohawk.us2.list-manage.com/subscribe?u=0c8604ec46b9f779a3f5b6a1c&id=9af01549dd

web mail

フロントエンドに関連する記事、チュートリアル、動画/スライドを紹介する週間のメールマガジン


Optimizing Performance — Web Fundamentals

developers.google.com/web/fundamentals/performance/

翻訳 Brackets performance

Web Fundamentalsの一部が翻訳されてる


ソフトウェア、ツール、ライブラリ関係


deSVG

benhowdle.im/deSVG/

SVG CSS JavaScript library

SVGをインラインに展開してCSSでスタイリング出来るようにするライブラリ


mauriciosoares/core.js

github.com/mauriciosoares/core.js

JavaScript library

Core.registerで要素指定しその要素に関連する処理を書いたコンポーネントの作成、コンポーネント同士はlistenとnotifyのpub/subでやり取りする事で疎結合な構成を作るライブラリ


fraction/set-timer

github.com/fraction/set-timer

JavaScript library

setTimeout、setIntervalをラップしたTimer APIライブラリ


STRML/JSXHint

github.com/STRML/JSXHint

JavaScript Tools

JSXシンタックスを含んだファイルもLint出来るJSHintラッパツール


bearcat

bearcatjs.org/

JavaScript library

モジュール定義部分をbearcatの書き方にすることで、DI、非同期ロード、AOPに対応出来るライブラリ


書籍関係


型の国のTypeScript

typescript.ninja/typescript-in-definitelyland/

TypeScript book 電子書籍

TypeScriptについての書籍

無料で公開されている。


Pro Express.js

www.apress.com/9781484200384

node.js book

Express.jsについての書籍


CSS Refactoring - O'Reilly Media

shop.oreilly.com/product/0636920033998.do

CSS book

2015年3月発売

CSSのリファクタリング本


Beautiful JavaScript - O'Reilly Media

shop.oreilly.com/product/0636920030706.do

JavaScript book

2015年3月発売

JavaScript全体のエコシステムやどうやって問題にアプローチしていくのかなどについて


この記事へ修正リクエストをする
記事を紹介する