2017-10-24のJS

What’s New in Microsoft Edge in the Windows 10 Fall Creators Update - Microsoft Edge Dev BlogMicrosoft Edge Dev Blog

MSEdge 16の変更点について。 CSS Grid Layout、object-fit、Payment Request APIのサポート。 Service Workerの試験的サポート、WebVR対応の改善など

Release Notes for Safari Technology Preview 42 | WebKit

Safari Technology Preview 42リリース。 Payment Requestの機能実装、font-displayの実装、constant()env()にリネーム、link rel=preconnectimport.metaのサポート、Web InspectorにCanvasタブを追加など

Mozilla brings Microsoft, Google, the W3C, Samsung together to create cross-browser documentation on MDN - The Mozilla Blog

Mozilla、Microsoft、Googleなどがウェブ開発系のドキュメントをMDNへ集約することになった。

CKEditor 5: A new era for rich text editing | CKEditor.com

CKEditor 5の変更点について。 今までのアーキテクチャを一新し、編集するテキストをデータモデルとしてもつことでContentEditable特有の出力を回避できるように。 またエディタ共通の問題についてを扱うEditor Recommendationsサイトの公開など

New in Chrome 62  |  Web  |  Google Developers

Chrome 62の変更点について。 Network Information API、OpenType Variable Fonts、WebVRのorigin trialの開始など

The 100% correct way to structure a React app (or why there’s no such thing)

Reactアプリケーションのディレクトリ構造について。 index.js or コンポーネント名.js、階層構造、exportするものについてなど

Node.js Security Overview

Node.jsと関連するエコスシステムのセキュリティについてをざっくりと。 Core、npm、express、security.txt、関連サービスやツールなどについて

Introducing PayPal’s open-source cross-domain javascript suite

PayPalが使ってるクロスドメイン関係のライブラリまとめ。 postMessageを使ったやり取り、コンポーネント、Util、同期的なPromiseであるZalgoとsetTimeoutのブロックについて、CORSとiframeについてなど

An imperative guide to forms in Vue.js – LogRocket

Vueを使った各種フォーム要素の管理やバリデーションについての紹介記事

BlinkOn 8 - Tokyo, Japan - YouTube

BlinkOn 8の動画一覧

prantlf/nettime: Prints timings of a HTTP/S request, including DNS lookup, TLS handshake etc.

特定のURLに対するDNS LookupやTCPコネクションの時間などネットワークの接続や通信にかかった時間を計測するCLI

Micro Frontends - extending the microservice idea to frontend development

Micro Frontendsについて。 マイクロサービスアーキテクチャ的な考えをフロントエンドの中にも適応していく話。 機能でのチーム分割、独立したコンポーネントとWeb Components、ナビゲーションなど各トピックごとの実現方法についてを書いていくとのこと

Chrome User Experience Report  |  Tools for Web Developers  |  Google Developers

Chromeの使用統計データを元にしたoriginごとのRUMを集めたBigQueryのデータセット。 origin、通信タイプ、デバイスの種類、first_paintのヒストグラムを扱うデータセット。

HTTP Archive (beta)

新しいHTTP Archiveのβ版が公開された。 lighthouseを使ったLoad Speed関連の統計データやDesktopとmobileの比較データなどをみることができる

dollarshaveclub/es-check: Checks the version of ES in JavaScript files with simple shell commands 🏆

Acornを使って特定のECMAScriptバージョンでパースできるかをテストするツール。 コードが構文的にそのECMAScriptバージョンをサポートしてるかチェックできる

kbrsh/wade: Blazing fast, 1kb search for Javascript

深さ優先探索で文字列検索を行うライブラリ

EyeJS - testing framework

nodeとbrowserのモードを持ったテストフレームワーク。