2018-07-02のJS

Firefox — Notes (61.0) — Mozilla

Firefox 61.0リリース。 TLS 1.3のドラフトサポートをデフォルトで有効化、アクセシビリティインスペクタの実装。 PerformanceServerTimingのサポート、Fetch APIのcredentialsのデフォルト値をsame-originに変更、WebVRがmacOSで有効化など

Dev.Opera — What’s new in Chromium 67 and Opera 54

Opera 54 (based on Chromium 67)リリース。 Generic Sensors、Custom Elementが既存のHTML Elementを拡張できるように、Stream APIがtransformをサポートなど

lighthouse/changelog.md at v3.0.0 · GoogleChrome/lighthouse

Lighthouse 3.0リリース。 レポートUIの変更、それぞれのスコアのWeightの変更、First Contentful Paintの追加、RTTのコスト表示の追加など。

Ecma latest news

ECMA-262 9th edition - ECMAScript® 2018リリース

E2EテストをPhantomJSから、Puppeteer + Headless Chromeへ移行しました - LCL Engineers' Blog

Capybara + PhantomJSで行っていたテストを、Puppeteer + Headless Chromeに移行していくという話。 Puppeteerの機能紹介やデバッグ方法について。

Web Performance Checklist – ITNEXT

ウェブアプリにおけるパフォーマンスのチェック項目のまとめ。 最適化のアプローチについての概要まとめ

Making Web Components Work | Mixpanel Engineering

Web Componentsを使って作ったパネルコンポーネントについての記事。 snabbdomを使ったVirtual DOMを使い描画し、Web Conponentsでのステート管理についてなど。

AudioWorklet Design Pattern  |  Web  |  Google Developers

AudioWorkletのデザインパターンについて。 WebAssembly、SharedArrayBufferとの組み合わせての利用についてなど

Introduction to Feature Policy  |  Web  |  Google Developers

Feature Policyについて。 CSPはセキュリティのコントールをし、Feature Policyは機能に対してのコントールをする点について。 Feature Policyの指定方法やどのようなときに使うべきかについて

Where is CSS4? When is it coming out? - YouTube

CSS4はどこにあるのという問いに対する説明の動画。 CSS3のときに仕様がmoduleに分解され、それぞれのModuleはLevel 3となった。 その後のSpecはModuleごとにLevelをあげ、また新しく追加されたModuleはLevel 1から開始する。 そのためCSS4という全体を表すものはないという話。

Vue.js プロジェクトの爆発させかた #ichigayageek / How to explosion Vue.js project - Speaker Deck

Vueを使ったプロジェクトで遭遇する問題についてのスライド。 規模が大きくなってきたときのステートの管理方法、デザイナーとの協業、既存のウェブアプリへの部分的な適応、別のテンプレートエンジンとの組み合わせなどについて

wg-effectiveness/process\_jp.md at master · w3c/wg-effectiveness

"忙しい人のためのW3Cプロセス入門" W3C Process for Busy Peopleの日本語訳

kay-is/react-from-zero: A simple (99% ES2015 less) tutorial for React

Reactを一から学ぶチュートリアル。 ブラウザだけで動くReactのコードを見ながら、Reactについてを解説している。

Swiip/compo: 🎼Compo·sing Web Compo·nents

WebComponentでUIを作成するための関数を提供するライブラリ。

mizchi/trans-loader: webpack-less frontend with service-worker

Service Workerを使ってBabelやTypeScriptでの変換を行うスクリプト。 npmのモジュールをjspm.ioを使ってロードできる。

kitze/JSUI: A powerful UI toolkit for managing JavaScript apps

JavaScriptのプロジェクト管理GUI。 GUIでアプリの作成、プロジェクトのダッシュボード、タスクの実行などができる