2016-12-06のJS

Ember.js - Ember 2.10 and 2.11 Beta Released

Ember 2.10リリース。 Glimmer 2を含んだ初のリリース。 既存の仕組みと後方互換性を持っているため、そのままアップグレードが可能となっている。

V8 JavaScript Engine: V8 Release 5.6

V8 5.6リリース。 ES2015のパフォーマンス改善、String#padStartString#padEndの実装など

Chrome Releases: Stable Channel Update for Desktop

Chrome 55リリース。 Pointer Event、async/await、Persistent Storageなど。 HTML5 by Default(Flashのデフォルトブロック)はChrome 56に延期した。

The State of Front-End Tooling 2016 - Results - AshleyNolan.co.uk - Blog and Portfolio for Ashley Nolan

フロントエンド周りのツールやライブラリについてのアンケート結果。 昨年の結果との比較も掲載されている。 PostCSSやnpm scripts利用が増えた、使っているJSライブラリやツールについて

JavaScript Developers: Watch Your Language! - Web Standards - Bocoup

ECMAScript ProposalのStageの解説。 Stage段階のものは、Babelなどで簡単に扱えるけど危険性も含んでいるから、TC39での議論は注視する必要がある。 Stage段階のものはExperimentalであることを理解して使おうという話。

Step by Stepで始めるESLint - Qiita

ESLintの設定をステップ・バイ・ステップで行うチュートリアル

一から始めるJavaScriptユニットテスト - Hatena Developer Blog

MochaをNode.jsで動くユニットテストから、Karmaを使いブラウザで動かすDOMのテストするまでをPull Request毎に解説してる。

新しめのCSS設計まとめ 〜2016年冬〜 - Qiita

CSSの色々なアーキテクチャについての紹介。 OOCSS、BEM、SMACSS、APBCSS(Atomic Design)、MOCSS、ECSS、ITCSSなど。 それぞれを簡単にまとめている

Houdini、それはCSSの進化を促すプロジェクト - The future starts today

CSSのHoudiniについて。 CSSの低レベルAPIにJavaScriptからアクセスできるようにする仕様で、現在どのような仕様が考えられているかについてなど

レガシーシステム上のJavaScriptをモダンビルドにしていくwebpack利用実例 - Qiita

モジュールではないコードや古いライブラリをどのように現代のツールに載せていくかについて。 モジュール化やwebpackを使ったビルドなどの手法について

React/Redux… Where Do You Start? – MoFed – Medium

React(とRedux)をどこから始めるかについて

8種類あるSVGスプライト それぞれの特徴を比較してみた - 週刊SVG

SVGスプライトといわれるものがどうのようなものであるか、またその手法についてまとめられた記事

yarn VS. npm@2 VS. npm@3 // Speaker Deck

npmとyarnの比較スライド。 GitHub Star上位100を対象にインストール時間を比較し、yarnの方が常に早いという結果になったという話

dai-shi/es-beautifier: ECMAScript beautifier based on eslint

ESLintを使ったJavaScriptのフォーマッター

gajus/babel-plugin-log-deprecated: Adds a console.warn statement to the functions annotated with @deprecated tag.

JSDocの@depreactedタグをconsole.warnに変換するBabel plugin

wooorm/nspell: 📝 Hunspell compatible spell-checker

スペルチェッカーの実装ライブラリ。 hunspell形式の辞書をサポートしてる。

RazrFalcon/svgcleaner: svgcleaner could help you to clean up your SVG files from the unnecessary data.

SVGから不要なデータを削除してファイルサイズを削減するツール。 svgoに比べて高速に動作する

Svelte • The magical disappearing UI framework

Vueなどに似た書き方をするコンパイル前提のUIフレームワーク。 変換後はただのDOM APIを使ったJavaScriptになり、ランタイムとしてのライブラリ読み込みが不要となる。