2018-08-28のJS

jsdom/Changelog.md at master · jsdom/jsdom

jsdom 12.0.0リリース。 Node.js 8以降が必要になるように、ResourceLoaderの追加、依存の更新など

Johnny-Five.io: Johnny-Five v1.0

Robotics Programming Frameworkの Johnny-Five v1.0リリース

Release v1.1.0 · stimulusjs/stimulus

Turbolinksと連携できるJavaScriptフレームワークのStimulus 1.1.0リリース。 @stimulus/polyfillsの追加、data-action属性で複数のactionを指定時にその順序を尊重するように、DOMContentLoadedで処理を開始するようになるなど

Almin v0.18 – React Native compatible · Almin

ステート管理ライブラリのAlmin 0.18.0リリース。 TypeScript 3.0に対応、React Nativeとの互換性の向上、ファイルサイズの削減など

Babel 7 Released · Babel

Babel 7リリース。 Node.js 4以下のサポート終了、@babelスコープへモジュールを移動、es2015のような年号プリセットを廃止しpreset-envに移行、Stageプリセットを廃止。 babel.config.jsでの設定をサポート、パフォーマンスの改善など。 マイグレーションはbabel-upgradeで行える。

dep: a little Node.js dependency installer – Daijiro Wachi – Medium

package.jsonの依存をインストールできるdepについて。 npmのコマンドと違ってinstalllockrunのみを扱う

WorkerDOM: Concurrency for JavaScript programming with the DOM – Accelerated Mobile Pages Project

WebWorkerの中で動くDOMの実装のアルファ版を公開したという話。 メインスレッドでの処理が重なるとjankとなるため、WorkerスレッドでDOM APIの処理を行う実験的実装。 HydrateしたデータでWorkerとの間をやりとりし、変更はMutationObserverで監視する

Why GraphQL: Advantages, Disadvantages & Alternatives - RWieruch

GraphQLに関する連載記事。 GraphQLの特徴、メリット、デメリット、Apolloについて。またApollo Serverとexpressを使ってGraphQLサーバを作成するチュートリアルなど

Web Performance Made Easy: Google I/O 2018 edition  |  Web  |  Google Developers

ウェブサイトのパフォーマンスについての概要的な記事の。 LightHouseやChromeの開発者ツールを使った不必要なリソースの把握。 JavaScriptのサイズが起動速度に与える影響やファイルサイズの削減、レンダリングのボトルネックの取り除く方法などについて

TypeScript and Babel 7 | TypeScript

Babel 7の@babel/typescriptについて。 BabelでTypeScriptのコードをJavaScriptへ変換(型情報を除去)できる。 型チェックやいくつかのTS独自の構文をサポートしないという制限はあるが、Babelのエコシステム上でTSのコードを扱える。

Service Worker Caching Strategies Based on Request Types

どの種類に対するリクエストかを判定できるRequest.destinationについて。 Request.destinationを使いキャッシュの戦略を変えるという話。注意点として、一部リクエストは空文字列となり判定できないという話。 またRequest.modeRequest.urlなどとの組み合わせについて

Webpagetestから始める継続的パフォーマンス改善

ウェブアプリの継続的なパフォーマンス改善についてのスライド。 パフォーマンス改善と指標、それを測るための継続的な計測とサービスについて。 WebPagetestを中心にどのように計測して可視化し、改善した結果を確認したりリグレッションを防ぐかについて

A brief guide to using WebpageTest - Frontend News #5

ウェブサイトのパフォーマンス計測サービスであるWebPagetestの使い方を解説した記事。 それぞれのビューの読み方や指標となる値などについて

rikschennink/fitty: ✨ Makes text fit perfectly

指定した要素に対してテキストのサイズを合わせるライブラリ。 カスタムフォントなどにも対応している