2018-02-05のJS

Node v9.5.0 (Current) | Node.js

Node v9.5.0リリース。 performance.clearEntries(name)のサポート、cluster.settingscwdオプションの追加など

Announcing TypeScript 2.7 | TypeScript

TypeScript 2.7リリース。 クラスプロパティのStrictオプションの追加、Definite assignment assertions(!)の追加、--esModuleInteropを追加しdefault exportするcommonjsとのinteropの改善。 Tuple、ininstanceof、オブジェクトリテラルの型改善など

Release 1.0.0-beta.1 · avajs/ava

AVA 1.0.0β1リリース。 Babel 7βを利用するように、testがテストタイトルを必須に、powerAssertの無効オプションは、babelcompileEnhancementsオプションで管理されるように変更など

V8 JavaScript Engine: V8 release v6.5

V8 6.5リリース。 Unstruted code modeがデフォルトで有効化、WebAssemblyのStreaming compilationのサポート、Arrayメソッドの改善、疎の配列の改善など

Bootstrap 4.0 Release: What’s New?

BootStrap 4.0の変更点についての解説。

Stimulus 1.0: A modest JavaScript framework for the HTML you already have

Stimulus 1.0リリース。 RailsのTurbolinksと共存して動作できるJavaScriptフレームワーク。 HTMLなテンプレートとJavaScriptなコントローラーを組み合わせてアプリケーションを作る。

Automatic visual diffing with Puppeteer – Monica Dinculescu

Puppeteerを使ったVisual Diffテストについて。 スクリーンショットをPixelmatchで比較し、画像のDiffを元にテストする話

Introducing React Easy State | @RisingStack

ES Proxyを使ったステート管理ライブラリについて

Debugging JavaScript With A Real Debugger You Did Not Know You Already Have — Smashing Magazine

Firefoxの開発者ツールの紹介とdebugger.htmlについて。

Jestなどを使わずにスナップショットテストを書く | Web Scratch

特別なライブラリを使わずにスナップショットテストを実装する方法について。

Testing your npm package before releasing it using Verdaccio + ngrok

npmパッケージをpublishする前にテスト方法について。 Private npm registryであるVerdaccioにpublishして、localhostトンネルであるngrokを使ってテストするという話

Debugging CSS Performance with Chrome’s Profiling Tools - Ada Developers Academy

CSSのパフォーマンス問題について。 Reactの問題かと疑って色々試した結果、CSSのレンダリングの問題であったケースについて。 インラインCSS、gradientを直すことで改善されたが、開発者ツールではこの問題がどう見えていたかについて

Introducing Node Clinic - A performance toolkit for Node.js developers | nearForm

Node.jsアプリのパフォーマンスモニタリングツールであるClinicについて。 ダッシュボードでCPU、メモリ、イベントループの遅延などを見ることができる

How JavaScript works: The building blocks of Web Workers + 5 cases when you should use them

WebWorkerの使い方やユースケースについて

MDN browser compatibility data: Taking the guesswork out of web compatibility – Mozilla Hacks – the Web developer blog

MDNが利用してるブラウザのサポート状況をまとめたデータがnpmパッケージとして利用できるようになった。 このデータの使い方やサイトのサポートブラウザの可視化する拡張などについて

thejameskyle/glow: Make your Flow errors GLOW

FlowのエラーをCodeFrameにして表示、Watchモード、globで対象のフィルターを行えるツール

FullHuman/purgecss: Remove unused css

使ってないCSSを削除するツール。 コンテンツ(HTML、JSなど)とCSSを渡し、不要となったCSSを削除できる。