JSer.info #406 - Chrome 70がリリースされました。

• New in Chrome 70  |  Web  |  Google Developers
• Chrome Platform Status
• Chromium Blog: Chrome 70 beta: shape detection, web authentication, and more
• Deprecations and removals in Chrome 70  |  Web  |  Google Developers

Desktop PWAでWindowsとLinuxのサポートが追加されました。macOSはChrome 72でサポートされる予定です。

Credential Management APIで指紋認証をサポート、Web Workerでnameオプション、TLS 1.3のサポート。 Web Components v0を非推奨化などが行われています。
また、Chrome 70からhttp://なサイトフォームなどに入力した際に赤色の"Not Secure"警告がでるようになりました。

• Chromium Blog: Evolving Chrome's security indicators

Angular 7がリリースされました。

• Version 7 of Angular — CLI Prompts, Virtual Scroll, Drag and Drop and more
• angular/CHANGELOG.md at master · angular/angular

TypeScript 3.1のサポート、Virtual Scrollingの対応、CDKでDrag and Dropのサポートされています。また開発時だけに必要なreflect-metadataはproductionビルドから自動的に取り除かれるようになっています。

Node.jsのAPIフレームワークのLoopBack 4 GA (General Availability)がリリースされています。

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

コアがTypeScriptで書き直されているため型周りが全体的に改善されています。

• strongloop/loopback-next: LoopBack makes it easy to build modern API applications that require complex integrations.

lb4 openapiコマンドでOpenAPI形式への出力対応しています。
またLTSポリシーも合わせて更新され、LoopBack 4は2021年4月までサポートされる予定となっています。

JSer.infoをサポートするには

• 😘 知り合いにJSer.infoをおすすめする
• ❤️ GitHub Sponsorsで@azuのスポンサーになる
• 🐦 X(Twitter)で@jser_infoをフォローする

JSer.info Sponsors

JSer.info SponsorsはGitHub SponsorsとしてJSer.infoを支援してくれている方々です。

ヘッドライン

New in Chrome 70  |  Web  |  Google Developers

developers.google.com/web/updates/2018/10/nic70

Chrome ReleaseNote

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

• Chrome Platform Status
• Chromium Blog: Chrome 70 beta: shape detection, web authentication, and more
• Deprecations and removals in Chrome 70  |  Web  |  Google Developers

Release 7.0.2 · zeit/next.js

github.com/zeit/next.js/releases/tag/7.0.2

JavaScript React security ReleaseNote

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

blog.angular.io/version-7-of-angular-cli-prompts-virtual-scroll-drag-and-drop-and-more-c594e22e7b8c

Angular ReleaseNote

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

• angular/CHANGELOG.md at master · angular/angular
• Angular 7リリースノート – Angular Blog日本語訳 | maesblog

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

strongloop.com/strongblog/loopback-4-ga

node.js library ReleaseNote

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

• LoopBack 4

アーティクル

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

jovi0608.hatenablog.com/entry/2018/10/19/083725

JavaScript security node.js article

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

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

www.kabuku.co.jp/developers/migration-from-ng4-to-ng6

Angular article

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

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

medium.com/flow-type/on-the-roadmap-exact-objects-by-default-16b72933c5cf

article flowtype

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

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

noah.plus/blog/021/

JavaScript React article redux

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

スライド、動画関係

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

masup9.github.io/dist23/#/

WAI-ARIA slide

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

サイト、サービス、ドキュメント

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

gridsome.org/

Vue GraphQL Tools library

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

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

github.com/artifact-project/perf-tools/tree/master/timekeeper

JavaScript library performance

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

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

github.com/nico3333fr/CSP-useful

CSP testing document

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

ソフトウェア、ツール、ライブラリ関係

terkelg/zet: Set() as it should be

github.com/terkelg/zet

JavaScript library

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

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

github.com/f/graphql.js

GraphQL library JavaScript

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

segmentio/evergreen: 🌲 Evergreen React UI Framework by Segment

github.com/segmentio/evergreen/

React UI library

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

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

github.com/Tencent/omi

WebComponents JavaScript library

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