Fork me on GitHub

2017-05-15のJS: PostCSS 6.0、FuseBox 2.0、テストツールまとめ

Edit on GitHub 編集履歴を見る

JSer.info #331 - PostCSS 6.0がリリースされました。

Node.js 0.12のサポート終了、@applyのサポート、APIの修正と改善、パーサの書き直しでメモリ消費量の改善などが行われています。

また、@applyは仕様策定者によってこれ以上の更新が放棄されていますが、それについてPostCSS側の対応は次のIssueで議論されています。


モジュールバンドラーであるFuseBox 2.0がリリースされました。

Configuration APIが変更されfuse.run()で処理が開始されるようになりました。
また、メソッドチェインでAPIを書けるようになり、Code Splitting APIやCSS Modulesなどのプラグインを追加され、ドキュメントサイトがリニューアルされています。


An Overview of JavaScript Testing in 2017 – powtoon-engineering – Mediumという記事はJavaScriptのテストツールについて書かれています。

Unit Tests/Integration Tests/Functional Testsといったテスト分類から見たツールの紹介やそれに関連する記事がまとめられています。
それぞれのツールについて簡潔にまとめられているので、一度見てみるといいかもしれません。


ヘッドライン


Nest FINAL release is here! Node.js framework built on top of TypeScript | Kamil Mysliwiec

kamilmysliwiec.com/nest-final-release-is-here-node-js-framework-built-top-of-typescript/

TypeScript node.js library

Node.jsのサーバフレームワークであるNest.jsについて


Release v0.46.0 · facebook/flow

github.com/facebook/flow/releases/tag/v0.46.0

flowtype ReleaseNote

Flow v0.46.0リリース。
strict arity checkの試験的実装など
experimental.strict_call_arity=true


Release 6.0 “Marquis Orias” · postcss/postcss

github.com/postcss/postcss/releases/tag/6.0.0

PostCSS ReleaseNote

PostCSS 6.0リリース。
Node.js 0.12のサポート終了、@applyのサポート、APIの修正と改善、パーサの書き直しでメモリ消費量の改善など


JQuery Mobile 1.5.0-alpha.1 Released | jQuery Mobile

blog.jquerymobile.com/2017/05/11/jquery-mobile-1-5-0-alpha-1-released/

jQuery mobile ReleaseNote

JQuery Mobile 1.5.0-alpha.1リリース。
controlgroupcheckboxradioのwidgetsを追加、既存widgetsのパフォーマンス改善、npmの正式サポート、jQuery 3.xのサポート、IE10以下/Android 4.0未満のサポート終了など


アーティクル


Refer to the spec: What is all that stuff at the top of the spec?

rachelandrew.co.uk/archives/2017/04/24/refer-to-the-spec-what-is-all-that-stuff-at-the-top-of-the-spec/

CSS spec article

CSSの仕様の読み方についての連載


ES6 Modules in Chrome Canary (M60+) – Dev Channel – Medium

medium.com/dev-channel/es6-modules-in-chrome-canary-m60-ba588dfb8ab7

JavaScript browser ECMAScript module

ES modulesについて。 nonmodule属性とrollupを使って、未対応のブラウザと対応ブラウザでの配布方法の分岐について


The :focus-within pseudo class | Ian Devlin

www.iandevlin.com/blog/2017/04/css/the-focus-within-pseudo-class

CSS article

:focus-within擬似クラスについて。


FuseBox 2.0 — The beast reborn – fusebox – Medium

medium.com/fusebox/fusebox-2-0-the-beast-reborn-e4ec0443b782

JavaScript Tools serverless

FuseBox 2.0リリース。
Configuration APIの変更、メソッドチェインでAPIを書けるように、Code Splitting APIを追加、プラグインの追加、ドキュメントの更新など


Idiomatic Redux · Mark's Dev Blog

blog.isquaredsoftware.com/series/idiomatic-redux/

redux article

Reduxのパターンについての連載


An Overview of JavaScript Testing in 2017 – powtoon-engineering – Medium

medium.com/powtoon-engineering/a-complete-guide-to-testing-javascript-in-2017-a217b4cd5a2a

JavaScript testing library

JavaScriptのテストツールについてのまとめ記事。
Unit Tests/Integration Tests/Functional Testsといったテスト分類やテストツールの種類ごとにテストツールを紹介してる


仕事で WebRTC

gist.github.com/voluntas/379e48807635ed18ebdbcedd5f3beefa

WebRTC opinion article JavaScript

WebRTCのクライアントとサーバの選択についてのガイドライン


ジャスト・イン・タイム (JIT) コンパイラの短期集中コース | Mozilla Developer Street (modest)

dev.mozilla.jp/2017/05/%e3%82%b8%e3%83%a3%e3%82%b9%e3%83%88%e3%83%bb%e3%82%a4%e3%83%b3%e3%83%bb%e3%82%bf%e3%82%a4%e3%83%a0-jit-%e3%82%b3%e3%83%b3%e3%83%91%e3%82%a4%e3%83%a9%e3%81%ae%e3%82%af%e3%83%a9%e3%83%83%e3%82%b7/

JIT JavaScript 翻訳 article

JavaScriptのJITコンパイラの仕組みについて簡単に解説している記事。 何をどのようにどのようなタイミングで最適化するのかについて


スライド、動画関係


Testing Made Easy: Better, Faster, Stronger Unit Tests and Integration Tests - Sessions by Pusher

pusher.com/sessions/meetup/js-monthly-london/testing-made-easy-better-faster-stronger-unit-tests-and-integration-tests

JavaScript browser testing video

JavaScriptのテストについて。
JestやCypress、StoryBookなどのユニットテスト/E2Eテストについての動画


Profiling Paint Perf 🔎 🎨 - YouTube

www.youtube.com/watch?v=Wfxm56ttAmE

performance video browser

element.leftによってスタイルを変更した時に、1Frame内に余計なレンダリングの処理が発生しているのを改善していくスクリーンキャスト。
CSS Triggersを参照し、transformにすること改善できることを見ていき修正する流れについて


JSConf EU 2017 [More videos added daily] - YouTube

www.youtube.com/watch?v=NpKLt_YO3o8&list=PL37ZVnwpeshFmAPr65sU2O5WMs7_CGjs_

JavaScript イベント video

JSConf EU 2017の動画


What's new in ChakraCore | Build 2017 | Channel 9

channel9.msdn.com/Events/Build/2017/P4103

ChakraCore video

ChakraCoreの最近の変更点について発表動画


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


hshoff/vx: react + d3 = vx | visualization components

github.com/hshoff/vx

React d3.js library

React + D3.jsのビジュアライズコンポーネントライブラリ


WebReflection/introspected: Introspection for serializable arrays and JSON friendly objects.

github.com/WebReflection/introspected

JavaScript library

ProxyやSymbol.toPrimitiveを使って、オブジェクトに変更検知、Null Propagation的な機能を持たせるラッパーライブラリ


書籍関係


きちんとわかる! JavaScript とことん入門 | 大津 真 |本 | 通販 | Amazon

www.amazon.co.jp/%E3%81%8D%E3%81%A1%E3%82%93%E3%81%A8%E3%82%8F%E3%81%8B%E3%82%8B-JavaScript-%E3%81%A8%E3%81%93%E3%81%A8%E3%82%93%E5%85%A5%E9%96%80-%E5%A4%A7%E6%B4%A5-%E7%9C%9F/dp/4774190004

JavaScript book

2017年6月7日発売
JavaScriptの入門書


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