Fork me on GitHub

2016-08-30のJS: pixi.js 4.0.0、Babel 6.14.0、JSフレームワークアンケート

Edit on GitHub 編集履歴を見る

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がリリースされました。

新しく latestes2017 の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

JavaScript WebGL library ReleaseNote

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 ReleaseNote

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 library

JavaScriptのフレームワークについてアンケート結果。
認知度はVue以外大体同じ。
学びたいもの: React -> Vue -> Angular2
満足度: React -> Vue -> Angular2


Enable Chrome Accessibility Experiment

gist.github.com/marcysutton/0a42f815878c159517a55e6652e3b23a

Chrome accessibility debug

Chromeの試験的なAccessibility inspectorを有効にする方法。
要素に対するWAI-ARIAの情報をElementsパネルで見ることができる


Demythstifying Web Components – Back Alley Coder

www.backalleycoder.com/2016/08/26/demythstifying-web-components/

WebComponents

Web Componentsに関するよくある誤解について書かれたもの


How To Use WebPageTest and its API | CSS-Tricks

css-tricks.com/use-webpagetest-api/

web performance API

WebPageTest APIを使ったメトリクスについて


Three Ways to Test Angular 2 Components – Angular 2

vsavkin.com/three-ways-to-test-angular-2-components-dcea8e90bd8d

AngularJS testing

AngularJS 2のコンポーネントをテストする方法について


You SHOULD Learn Vanilla JavaScript Before JS Frameworks - Snipcart

snipcart.com/blog/learn-vanilla-javascript-before-using-js-frameworks

JavaScript library thought

フレームワークを学ぶ前にJavaScriptを学ぼうという話


jsdoc-to-assert を試す – アカベコマイリ

akabeko.me/blog/2016/08/jsdoc-to-assert/

JavaScript testing

jsdoc-to-assertでのランタイムassertの導入について


型定義ベースのアサーションライブラリ types-assert を書いた - Qiita

qiita.com/KeitaMoromizato/items/e49185a0cd03c6cb8b3a

JavaScript TypeScript

TypeScriptの型定義ファイルを使ったassertionライブラリ


スライド、動画関係


From MVC to Flux - JS Monthly London - YouTube

www.youtube.com/watch?v=p8tqhf5qKOI

JavaScript Flux

改めて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 アルゴリズム document

JavaScriptでリスト、ハッシュテーブル、スタックなどのデータ構造についての実装と解説リポジトリ。
それぞれの探索のコストや特徴などの解説がコメントに書かれている


サイト、サービス、ドキュメント


SAM - State | Action | Model

sam.js.org/

JavaScript 設計 デザインパターン

SAM (State-Action-Model)についてのドキュメントサイト


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


babel/babel-minify: Babel preset for minification (Alpha)

github.com/babel/babel-minify

babel plugin

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

JavaScript Tools

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 document Tools

ReactのpropTypesなどをパースしてASTとして取得できるライブラリ/CLI


pakastin/redom: Tiny DOM library

github.com/pakastin/redom

JavaScript DOM library

DOM APIを使った小さなコンポーネントライブラリ


nolanlawson/slow-deps: 🐌 Measure which dependencies in a project are slowest to npm install

github.com/nolanlawson/slow-deps

npm Tools

npmの依存モジュールがそれぞれどれくらいのインストール時間やサイズなのかを計測出来るツール


書籍関係


Fluent JavaScript | PACKT Books

www.packtpub.com/web-development/fluent-javascript

JavaScript book

2017年4月6日発売


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