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といったテスト分類から見たツールの紹介やそれに関連する記事がまとめられています。
それぞれのツールについて簡潔にまとめられているので、一度見てみるといいかもしれません。
JSer.infoをサポートするには
- 😘 知り合いにJSer.infoをおすすめする
- ❤️ GitHub Sponsorsで@azuのスポンサーになる
- 🐦 X(Twitter)で@jser_infoをフォローする
JSer.info Sponsors
JSer.info SponsorsはGitHub SponsorsとしてJSer.infoを支援してくれている方々です。
ヘッドライン
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/
Node.jsのサーバフレームワークであるNest.jsについて
Release v0.46.0 · facebook/flow
github.com/facebook/flow/releases/tag/v0.46.0
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 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 1.5.0-alpha.1リリース。
controlgroupとcheckboxradioの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?
CSSの仕様の読み方についての連載
ES6 Modules in Chrome Canary (M60+) – Dev Channel – Medium
medium.com/dev-channel/es6-modules-in-chrome-canary-m60-ba588dfb8ab7
ES modulesについて。 nonmodule属性とrollupを使って、未対応のブラウザと対応ブラウザでの配布方法の分岐について
The :focus-within pseudo class | Ian Devlin
www.iandevlin.com/blog/2017/04/css/the-focus-within-pseudo-class
:focus-within擬似クラスについて。
FuseBox 2.0 — The beast reborn – fusebox – Medium
medium.com/fusebox/fusebox-2-0-the-beast-reborn-e4ec0443b782
FuseBox 2.0リリース。
Configuration APIの変更、メソッドチェインでAPIを書けるように、Code Splitting APIを追加、プラグインの追加、ドキュメントの更新など
Idiomatic Redux · Mark's Dev Blog
blog.isquaredsoftware.com/series/idiomatic-redux/
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のテストツールについてのまとめ記事。
Unit Tests/Integration Tests/Functional Testsといったテスト分類やテストツールの種類ごとにテストツールを紹介してる
仕事で WebRTC
gist.github.com/voluntas/379e48807635ed18ebdbcedd5f3beefa
WebRTCのクライアントとサーバの選択についてのガイドライン
ジャスト・イン・タイム (JIT) コンパイラの短期集中コース | Mozilla Developer Street (modest)
JavaScriptのJITコンパイラの仕組みについて簡単に解説している記事。 何をどのようにどのようなタイミングで最適化するのかについて
スライド、動画関係
Testing Made Easy: Better, Faster, Stronger Unit Tests and Integration Tests - Sessions by Pusher
JavaScriptのテストについて。
JestやCypress、StoryBookなどのユニットテスト/E2Eテストについての動画
Profiling Paint Perf 🔎 🎨 - YouTube
www.youtube.com/watch?v=Wfxm56ttAmE
element.leftによってスタイルを変更した時に、1Frame内に余計なレンダリングの処理が発生しているのを改善していくスクリーンキャスト。
CSS Triggersを参照し、transformにすること改善できることを見ていき修正する流れについて
JSConf EU 2017 [More videos added daily] - YouTube
www.youtube.com/watch?v=NpKLt_YO3o8&list=PL37ZVnwpeshFmAPr65sU2O5WMs7_CGjs_
JSConf EU 2017の動画
What's new in ChakraCore | Build 2017 | Channel 9
channel9.msdn.com/Events/Build/2017/P4103
ChakraCoreの最近の変更点について発表動画
ソフトウェア、ツール、ライブラリ関係
hshoff/vx: react + d3 = vx | visualization components
React + D3.jsのビジュアライズコンポーネントライブラリ
WebReflection/introspected: Introspection for serializable arrays and JSON friendly objects.
github.com/WebReflection/introspected
ProxyやSymbol.toPrimitiveを使って、オブジェクトに変更検知、Null Propagation的な機能を持たせるラッパーライブラリ
書籍関係
きちんとわかる! JavaScript とことん入門 | 大津 真 |本 | 通販 | Amazon
2017年6月7日発売
JavaScriptの入門書
