2017-12-19のJS

Node v9.3.0 (Current) | Node.js

Node.js 9.3.0リリース --trace-event-categoriesnode.async_hooksを追加、module.builtinModulesでビルトインモジュールの一覧を取得できるようになるなど

moment/CHANGELOG.md at 2.20.0 · moment/moment

moment 2.20.0リリース。 HTML5 inputに対応するフォーマットの追加、UTCへの変換しないオプションがtoISOStringに追加された

Introducing Docusaurus · Docusaurus

OSSのドキュメントサイト生成ツールであるdocusaurusが正式公開された。 docusaurusが作られた理由や使い方について

Release "Fast" By Default · TypeStrong/ts-node

ts-node 4.0.0リリース。 --fastがデフォルトとなった。 --type-checkを使うことで型チェックを合わせて行うように変更。 transformersオプションのサポートなど

Enter AudioWorklet  |  Web  |  Google Developers

Chrome 64でフラグ付きの実装が入るAudioWorkletについての解説

The State of JavaScript 2017: Introduction

JavaScriptの開発者アンケートの結果が公開された。 JavaScriptのフロントエンドからバックエンドまで幅広くツールや言語、ライブラリ、CSSなどについて扱っている

モバイル開発に役立つJSデバッグ術 - Mercari Engineering Blog

Chrome開発者ツールの機能紹介をしている記事。 Responsive表示、ネットワークスロットリング、CPUスロットリング、全ファイル検索など

The Current State of Implementation and Planning for ESModules

Node.jsのES Modulesの実装状況や優先度についての説明。 CommonJSとの相互運用性、mjsのサポート、hook apiのサポート、コアモジュールの対応、import.metaについてなど

Behind the Scenes: Improving the Repository Infrastructure - React Blog

Reactのリポジトリのインフラ改善について。 Prettierでのコード整形、monorepoとyarn workspace、モジュール構造、rollupでのflat bundle、Closure Compilerでの圧縮。 productionビルドに対するテスト、Public APIに対するテスト、npm packでのpublish状況再現。 カスタムビルドの対応、リリースフロー整備など

The global \`Reflect\` object, its use cases and things to watch out for

Reflectの使い方について。 Proxyと合わせて使うものでオブジェクトの変更のloggingを例解説している。

How to debug front-end: Elements – Pragmatists

Chromeの開発者ツールの使い方について。 デバッガー、Element inspector、Source、スタイルなどについて

nitin42/react-perf-devtool: A Chrome developer tool extension to inspect performance of React components.

Reactコンポーネントのパフォーマンス計測ツール。 Reactのperformance.measureの結果を使い、react-addons-perfのような計測結果を表示できるブラウザ拡張とツール

Polymer 2 and Googlebot – Dev Channel – Medium

PolymerとGoogle Botへの対応について。 Google BotはChrome 41相当であるため、TranspilerやPolyfill、確認方法などについて

calirojas506/vue-inspector: Vue.js Inspector for Mobile Devices

VueのInspectorライブラリ。 モバイルデバイス上でVueコンポーネントのデバッグをする目的のツール

nik-garmash/hyntax: Straightforward HTML parser

HTMLパーサライブラリ

developit/microbundle: 📦 Zero-configuration bundler for tiny modules.

設定ファイルなしでbundleする目的のRollupのラッパーツール。

xtuc/js-webassembly-interpreter: WebAssembly interpreter

WebAssemblyインタープリタ

Popmotion - A functional JavaScript motion library

関数でモーションを扱うアニメーションライブラリ

ballercat/walt: Walt is a JavaScript-like syntax for WebAssembly text format WIP

JavaScript/Flowのサブセットのように書けて、WebAssemblyにコンパイルできる言語とツール

franciscop/state: State management tool using Proxy()

Proxyを使ったステート管理ライブラリ。

sveltejs/sapper: Combat-ready apps, engineered by Svelte

SvelteをつかったNext.jsのようなフレームワーク

Manning | Electron in Action

2018年5月1日発売 Electronについての書籍

Patterns for designing flexible architecture in node.js (CQRS/ES/Onion)

TypeScriptを使ってCQRS+EventSourcingのパターンでNode.jsアプリを実装する記事。 サンプルプロジェクトと共にコマンドからイベントを作りそれをRepositoryに保存する流れを紹介してる。