2019-01-22のJS

Release Workbox v4.0.0-beta.1 · GoogleChrome/workbox

Workbox 4.0.0β1リリース。 ウェブページで動作するworkbox-windowパッケージの追加、workbox-cli--watchの追加など。 破壊的な変更としてworkbox-precachingが書き直し、skipWaitingclientsClaimworkbox.core.*へ移動するなど

The future of TypeScript on ESLint - ESLint - Pluggable JavaScript linter

ESLintのTypeScript対応の今後について。 typescript-eslintという統合されたプロジェクトで、TypeScriptのパーサやルールの開発を行っていく予定。

Node v11.7.0 (Current) | Node.js

Node.js 11.7.0リリース。 zlibモジュールがbrotliサポート、npm 6.5.0へアップデート、Workerがデフォルトで有効になるなど

Prettier 1.16: HTML improvements and better CRLF handling · Prettier

Prettier 1.16リリース。 CRLFの対応改善、babel(js)のパーサをアップデート、テストに利用できる--checkフラグの追加など

Release 4.0.0 (2019-01-16) · GoogleChrome/lighthouse

LightHouse 4.0.0リリース。 PWAカテゴリを更新しスコア表示ではなくなった。speed-indexがthrottlingに対応した倍率となるように変更、スコアで満点を取ったときの表示を追加など

7.3.0 Released: Named capturing groups, private instance accessors and smart pipelines · Babel

Babel 7.3.0リリース。 proposal-private-methodsがgetterをサポート、proposal-pipeline-operatorで変換に対応、Named capturing groupsの対応など。 TypeScript Parserがimport typeとbigintのサポートなど

一休.comホテルページのスマホ版からjQuery依存を取り除くためにやったこと - 一休.com Developers Blog

jQuery依存を外すためのリファクタリング方法について。 jQueryと同等の機能の実装方法や外すことでのパフォーマンスの差異などについて。

Web Page Usability Matters - DEV Community 👩‍💻👨‍💻

ウェブページのパフォーマンスを計測することにおける指標についての記事。 多く4つのステップにわけ、その中で利用するメトリクスについて紹介している

Porting 30K lines of code from Flow to TypeScript

3万行のFlowのコードをTypeScriptへ移行した話。 元々tcombによるRuntime CheckからFlowへ移行し、Babel 7 + TypeScript presetへ移行した話。 tscを型チェッカーとして利用し、どのようにFlowからTypeScriptへ移行していったかについて。 また移行した結果サードパーティの型定義の改善などから、型のカバレッジが向上した話など

Callback を撲滅せよ - Yahoo! JAPAN Tech Blog

コールバックスタイルの非同期コードをPromiseのインターフェースに変更する際のスタイルについて。

How to start a Node.js project | Phil Nash

npmで公開されているコマンドラインツールを使って、Node.jsプロジェクトのセットアップを簡単に行う話。 ライセンス、gitinore、CoCファイルの作成、pacakge.jsonの作成を行うコマンドの紹介

雰囲気でやってる人向けの Redux 再入門 - Speaker Deck

Reduxでのステート管理についてのスライド。 Store/State、Actionとdispatch、Reducer、Middlewareのそれぞれの役割や動作の流れについて解説している。

CSS Feature Toggles - Chrome ウェブストア

CSSの特定の機能を無効化するブラウザ拡張機能。 Grid、Flexbox、Sticky、Transform、Shapes、@supportsなどを無効化できる

npm/libnpm: programmatic npm API

npm APIを操作できるライブラリ。 パッケージやRegistry周りのAPI操作などが行える

wpk-cli/wpk: a friendly, intuitive, intelligent, and unofficial CLI for webpack

webpackをラップしたCLI。 webpackの設定ファイルの作成や変更、ビルド、開発サーバの立ち上げ、webpack-bundle-analyzerを使ったbundleの解析などのコマンドを提供する

lukeed/sockette: The cutest little WebSocket wrapper! 🧦

WebSocketを扱う小さなライブラリ。 自動再接続やイベントハンドリングのAPIを提供しているライブラリ

crubier/code-to-graph: Transforms JS code 🙈into mermaid flowchart 🐵

JavaScriptのコードから制御フローをgraphviz, mermaid flowchartなどの作図へ変換するツール

JavaScript コードレシピ集 | 池田 泰延, 鹿野 壮 |本 | 通販 | Amazon

2019年1月25日発売 JavaScriptを使ったコード例を扱うレシピ本