2018-11-27のJS

Lets Build Web Components! Part 1: The Standards - DEV Community 👩‍💻👨‍💻

Web Componentsについての連載。 Web Componentsの構成要素、polyfill、読み込み方法、ライフサイクル、非同期ロード。 また:host<slot>、スタイル、アクセシビリティ、Polymerなどのフレームワークについて

WebSockets - A Conceptual Deep-Dive | Ably Realtime

WebSocketについての記事。 Cometのようなポーリングによる通信、WebSocketによるハンドシェイクについて。 WebSocketを使っての接続方法や著名なライブラリの紹介など

Idiomatic Redux: The History and Implementation of React-Redux · Mark's Dev Blog

react-reduxの歴史と今後について 今までのreact-reduxの実装とv6 β実装されたContext APIベースの実装。 また、React Hooksを使った実装のProposalについてなど

ZEIT – ncc: Node.js Compiler Collection

Node.jsのプログラムを依存含めて1つのファイルにするnccについて。 ファイル1つにまとめることで配布性や実行時の起動時間のI/Oオーバヘッドの改善を目的としている。

Malicious code found in npm package event-stream downloaded 8 million times in the past 2.5 months | Snyk

event-stream@3.3.6flatmap-streamの問題について。 flatmap-streamにwalletsからbitcoinを盗むコードが含まれており、event-stream@3.3.6がこのパッケージに依存していた問題について。 現在flatmap-streamはnpmからunpublishされている

How we made Carousell’s mobile web experience 3x faster

carousellにおけるパフォーマンス改善について。 PRPLパターン、Critical CSS、Lazy LOading、画像の圧縮とCDN、Service Workerの導入などについて

フロントエンド向けvalidator: favalidの紹介 - asterisc

バリデーターを関数で書いてcombineできるライブラリのfavalidについて

seo\_for\_spa.pdf - Speaker Deck

Google botに適切に解釈されるようにするための手法についてのスライド。 Google botがChrome 41相当であることによる制限、タイムアウトの検証、Dynamic Rendering(prerender)やSSRなどの対策についてなど

Angular Webアプリケーションの最新設計手法.pdf - Speaker Deck

Angularのコンポーネント設計やステート管理についてのスライド

PWA導入の成果と課題 / nikkei-pwa-html5conf2018 - Speaker Deck

PWAの導入と運用しての課題についてのスライド。 Service Workerによるパフォーマンスの改善、Add to HomeScreenのハンドリング、Performance Budgetの設定方法とパフォーマンス監視などについて

HTTP and 5G (fixed1)

5G環境での通信試験についてのスライド。 5Gの試験環境における輻輳制御方法CUBICとBBRの比較、HTTP/1、HTTP/2、QUICの比較などについて

Class features in NodeFest Japan - Google スライド

ECMAScript ProposalのPrivate fieldsについてのスライド。 privateを実現するための構文として#variableを使う理由や経緯、構文、現在のStageについてなど

google/js-green-licenses: JavaScript package.json License Checker

package.jsonにかかれている依存ライブラリのライセンスチェックツール。 Pull Reuqest対するチェックなども対応している

KidkArolis/jetpack: 🚀 Jetpack – a more convenient webpack dev server.

webpackベースの開発サーバ、ビルドツール。 Parcelのようにデフォルトの設定があり、設定なしで利用できることを目的としている。

wasmerio/wasmer: High-Performance WebAssembly JIT interpreter

WebAssemblyファイル(.wasm.wat)を実行できるスタンドアローンなツール。

Introduction · HTTP/3 explained

HTTP/3とQUICについての解説ドキュメント。 TCPとUDP、HTTP/2との違い、QUICの仕組みなどについて

developit/htm: Hyperscript Tagged Markup: JSX alternative using standard tagged templates, with compiler support.

JSXライクなTagged Templatesライブラリ。babelプラグインでコンパイルも可能になっている。

areknawo/Rex: Your RegEx companion.

メソッドチェーンで正規表現を作成したり、マッチング、置換するライブラリ

boneskull/create-yo: Use any Yeoman generator with "npm init"

npm init yo <generator>できるYoeman向けのツール