2018-10-21のJS

New in Chrome 70  |  Web  |  Google Developers

Chrome 70リリース。 Desktop PWA(Windows)のサポート、Credential Management APIで指紋認証をサポート、Web Workerでnameオプション、TLS 1.3のサポート。 Web Components v0を非推奨化など

Release 7.0.2 · zeit/next.js

Next.js 7.0.2リリース。 7.0.0と7.0.1にあったエラー画面でのXSSが修正された。

Version 7 of Angular — CLI Prompts, Virtual Scroll, Drag and Drop and more

Angular 7リリース。 TypeScript 3.1のサポート、Virtual Scrollingの対応、CDKでDrag and Dropのサポート。 reflect-metadataがproductionビルドに誤って含まれるケースを防止する改善など

StrongLoop - Announcing LoopBack 4 GA is Now Ready for Production Use!

Node.js APIフレームワークのLoopBack 4GAリリース。 コアがTypeScriptで書き直され、OpenAPI形式への出力対応。 LTSポリシーも合わせて更新され、LoopBack 4は2021年4月までサポートされる予定。

Node.jsにおけるプロトタイプ汚染攻撃とは何か - ぼちぼち日記

Prototype pollutionについて。 オブジェクトをマージする際などに__proto__プロパティによって意図しない書き換えが行われる問題について

Angular 4アプリケーションをAngular 6に移行する | 株式会社カブク

Angular 4.xから6.xへの移行方法について。 Angular 4のLTSが2018年9月で終了するため、6.xへどのように移行するかについて。 移行した結果ビルド時間やファイルサイズが改善されたことについて

On the Roadmap: Exact Objects by Default – Flow – Medium

Flow 0.84.0からExact Objects({| |}相当)がデフォルトになる変更予定について。 その他のプロパティを許可する新しい構文として{foo: number, ...}を導入し、どのようにマイグレーションしていくかについて

Re-ducksパターン:React + Redux のディレクトリ構成ベストプラクティス

Reduxの文脈で見るDucksパターンとRe-ducksパターンについて。 ファイルディレクトリ構造をどのようなルールにするかやそれによって解決できることについて

マークアップをパワーアップするWAI-ARIA

WAI-AIRAの目的、使い方、ユースケースについて解説しているスライド。 role、ステート、プロパティを付与したときにウェブブラウザやアクセシビリティの支援技術に伝わるかについて。

Gridsome - Build blazing fast websites with Vue.js and GraphQL

VueとGraphQLを使った静的サイトツール/フレームワーク。 Gatsby.jsインスパイアなフレームワークでGraphQL経由レイヤーを経由してデータソースにアクセスする。

perf-tools/timekeeper at master · artifact-project/perf-tools

指定区間の時間計測結果をコンソールやパフォーマンスタブ(Performance Timing API)に出力できるライブラリ

nico3333fr/CSP-useful: Collection of scripts, thoughts about CSP (Content Security Policy)

CSPレポートのサンプルやノイズになってるCSPレポートなどについてまとめてるリポジトリ。またCSPのTipsやユースケースについて書かれている

terkelg/zet: Set() as it should be

Setを使った和集合、積集合などの演算をサポートしたライブラリ。 Set同士の集合演算を行うSetのサブクラスライブラリ

f/graphql.js: A Simple and Isomorphic GraphQL Client for JavaScript

IsomorphicなGraphQLクライアントライブラリ

segmentio/evergreen: 🌲 Evergreen React UI Framework by Segment

SegmentによるReact UIフレームワーク

Tencent/omi: Next generation web framework in 4kb JavaScript (Web Components + JSX + Proxy + Store + Path Updating)

Web Componentsをベースにしたフレームワーク。 JSXのサポート、ES Proxyを使った変更検知、Shadow DOMを使ったScoped CSSなど持っている