JSer.info #294 - WebGLやCanvasを使った2Dレンダリングエンジンのpixi.js 4.0.0がリリースされました。
RCリリース時の記事でも紹介されていますが、
Multi texture rendereringのサポート、GPU GC管理、WebGLレンダーの改善などが行われています。
また、コア部分がpixi-gl-coreとして公開されたり、
npm周りの整備がされています。
移行ガイドラインについてはまだありませんが、ドキュメントが予定されています。
バグ修正も行われていますが4.0になって増えたバグもあるので、それらの修正を含めた4.1のリリースが予定されています。
Babel 6.14.0がリリースされました。
新しく latest と es2017 のpresetが追加されています。
latest presetはES2015+ (ES2015, ES2016, ES2017)のものが含まれていて、ECMAScriptの新しいバージョンが追加されている方式となっています。
The State Of JavaScript: Front-End Frameworks – Mediumという記事ではJavaScriptのフレームワークについてのアンケート結果が公開されています。
The State Of JavaScriptにて行われたもので、著名なフレームワーク/ライブラリごとに興味や満足度について調べたものです。
対象となっていたフレームワーク/ライブラリは次の6つとなっています。
- React
- Angular
- Angular 2
- Ember
- Vue
- Backbone
この記事ではそのアンケート結果が公開されています。
候補となったものでVue以外は殆どの人が知っていて、
- 学びたいもの: React -> Vue -> Angular2
- 満足度: React -> Vue -> Angular2
という結果になっています。
詳しくは、The State Of JavaScript: Front-End Frameworks – Mediumを参照してください。
ヘッドライン
Release v4.0.0 · pixijs/pixi.js
github.com/pixijs/pixi.js/releases/tag/v4.0.0
pixi.js 4.0.0リリース
Multi texture rendereringのサポート、GPU GC管理、WebGLレンダーの改善、npmでパッケージの公開など
Release v6.14.0 · babel/babel
github.com/babel/babel/releases/tag/v6.14.0
Babel 6.14.0リリース。
es2017 presetと、ES2015+を扱うlatest presetが追加された。
アーティクル
The State Of JavaScript: Front-End Frameworks – Medium
medium.com/@sachagreif/the-state-of-javascript-front-end-frameworks-1a2d8a61510
JavaScriptのフレームワークについてアンケート結果。
認知度はVue以外大体同じ。
学びたいもの: React -> Vue -> Angular2
満足度: React -> Vue -> Angular2
Enable Chrome Accessibility Experiment
gist.github.com/marcysutton/0a42f815878c159517a55e6652e3b23a
Chromeの試験的なAccessibility inspectorを有効にする方法。
要素に対するWAI-ARIAの情報をElementsパネルで見ることができる
Demythstifying Web Components – Back Alley Coder
www.backalleycoder.com/2016/08/26/demythstifying-web-components/
Web Componentsに関するよくある誤解について書かれたもの
How To Use WebPageTest and its API | CSS-Tricks
css-tricks.com/use-webpagetest-api/
WebPageTest APIを使ったメトリクスについて
Three Ways to Test Angular 2 Components – Angular 2
vsavkin.com/three-ways-to-test-angular-2-components-dcea8e90bd8d
AngularJS 2のコンポーネントをテストする方法について
You SHOULD Learn Vanilla JavaScript Before JS Frameworks - Snipcart
snipcart.com/blog/learn-vanilla-javascript-before-using-js-frameworks
フレームワークを学ぶ前にJavaScriptを学ぼうという話
jsdoc-to-assert を試す – アカベコマイリ
akabeko.me/blog/2016/08/jsdoc-to-assert/
jsdoc-to-assertでのランタイムassertの導入について
型定義ベースのアサーションライブラリ types-assert を書いた - Qiita
qiita.com/KeitaMoromizato/items/e49185a0cd03c6cb8b3a
TypeScriptの型定義ファイルを使ったassertionライブラリ
スライド、動画関係
From MVC to Flux - JS Monthly London - YouTube
www.youtube.com/watch?v=p8tqhf5qKOI
改めてFluxとはどういうコンセプトなのか、同様のコアコンセプトを持つReduxについての紹介
thejameskyle/itsy-bitsy-data-structures: All the things you didn't know you wanted to know about data structures
github.com/thejameskyle/itsy-bitsy-data-structures
JavaScriptでリスト、ハッシュテーブル、スタックなどのデータ構造についての実装と解説リポジトリ。
それぞれの探索のコストや特徴などの解説がコメントに書かれている
サイト、サービス、ドキュメント
SAM - State | Action | Model
SAM (State-Action-Model)についてのドキュメントサイト
ソフトウェア、ツール、ライブラリ関係
babel/babel-minify: Babel preset for minification (Alpha)
Babelのminify plugin preset
google/closure-compiler-js: Package for the JS version of closure-compiler for use via npm
github.com/google/closure-compiler-js
Closure Compilerの一部機能を使えるツール。JavaScriptへのコンパイル済みファイルを含んでいるので、Javaを必要としない。
reactjs/react-docgen: A CLI and toolbox to extract information from React component files for documentation generation purposes.
github.com/reactjs/react-docgen
ReactのpropTypesなどをパースしてASTとして取得できるライブラリ/CLI
pakastin/redom: Tiny DOM library
DOM APIを使った小さなコンポーネントライブラリ
nolanlawson/slow-deps: 🐌 Measure which dependencies in a project are slowest to npm install
github.com/nolanlawson/slow-deps
npmの依存モジュールがそれぞれどれくらいのインストール時間やサイズなのかを計測出来るツール
書籍関係
Fluent JavaScript | PACKT Books
www.packtpub.com/web-development/fluent-javascript
2017年4月6日発売
