diff --git a/_i18n/ja/_posts/2019/2019-09-17-chrome-77typescript-3.7can-i-use-and-mdn.md b/_i18n/ja/_posts/2019/2019-09-17-chrome-77typescript-3.7can-i-use-and-mdn.md new file mode 100644 index 00000000000..4115de9ecbe --- /dev/null +++ b/_i18n/ja/_posts/2019/2019-09-17-chrome-77typescript-3.7can-i-use-and-mdn.md @@ -0,0 +1,232 @@ +--- +title: "2019-09-17のJS: Chrome 77、TypeScript 3.7のロードマップ、Can I use and MDN" +author: "azu" +layout: post +date : 2019-09-17T00:03:38.654Z +category: JSer +tags: +- Chrome +- TypeScript +- MDN + +--- + +JSer.info #453 - Chrome 77がリリースされました。 + +- [New in Chrome 77  |  Web  |  Google Developers](https://developers.google.com/web/updates/2019/09/nic77) + +Chrome 77では、`PerformanceObserver`の中でページ内の大きな要素の変更があったことを関しするLargest Contentful Paint(LCP)がサポートされました。 + +- [Largest Contentful Paint  |  web.dev](https://web.dev/largest-contentful-paint/) + +その他にも`formdata`イベント、`formAssociated`プロパティのサポートなどが含まれています。 +また、アドレスバーに表示されていたEV証明書の情報が詳細パネルの方に移動しています。 + +- [Troy Hunt: Extended Validation Certificates are (Really, Really) Dead](https://www.troyhunt.com/extended-validation-certificates-are-really-really-dead/) +- [Upcoming Change to Chrome's Identity Indicators - Google グループ](https://groups.google.com/a/chromium.org/forum/#!msg/security-dev/h1bTcoTpfeI/jUTk1z7VAAAJ) + +---- + +[TypeScript 3.7 Iteration Plan · Issue #33352 · microsoft/TypeScript](https://github.com/microsoft/TypeScript/issues/33352)というIssueでTypeScript 3.7のロードマップが公開されています。 + +ECMAScript Private Fields、Optional Chaining、Nullish Coalescing、Top-Level awaitなど現在Stage3のProposalに対応していく予定です。 +また、今までは制限されていた`--declaration`と`--allowJs`の組合せや`--declaration`と`--isolatedModules`のの組み合わせに対応していく予定です。 +その他として、`typescript`パッケージサイズの削減、`@types`パッケージをGitHub Package Registryにもpublishするようにし、ハンドブックの更新なども予定されています。 + +---- + +[Caniuse and MDN compatibility data collaboration - Mozilla Hacks - the Web developer blog](https://hacks.mozilla.org/2019/09/caniuse-and-mdn-compat-data-collaboration/)という記事では、[MDN compat data](https://github.com/mdn/browser-compat-data)と[Can I use...](https://caniuse.com/)のコラボレーションについて書かれています。 + +どちらも機能などに対するブラウザのサポート状況をまとめたデータですが、目的が異なるためデータの特性が若干異なっています。 +MDNはあらゆる機能に関する網羅性を持ったデータに対して、Can I use...はブラウザがサポートしているかに注目したデータとなっています。 +そのため、Can I use...のデータには入っていない項目も多くありました。 + +今回のコラボレーションで、[Can I use...](https://caniuse.com/)が[MDN compat data](https://github.com/mdn/browser-compat-data)のデータを使って機能に関するブラウザのサポート状況を表示できるようになっています。（現在は両方のデータを検索した結果がそれぞれ表示される） + +また、類似するサイトとしてメールクライアント別に利用できるHTMLやCSSなどのサポート状況をまとめたCan I email...というサイトも別の作者によって公開されています。 + +- [Can I email… Support tables for HTML and CSS in emails](https://www.caniemail.com/) + +---- + +

ヘッドライン

+ +---- + +## TypeScript 3.7 Iteration Plan · Issue #33352 · microsoft/TypeScript +[github.com/microsoft/TypeScript/issues/33352](https://github.com/microsoft/TypeScript/issues/33352 "TypeScript 3.7 Iteration Plan · Issue #33352 · microsoft/TypeScript") +

TypeScript issue

+ +TypeScript 3.7のロードマップ。 +ECMAScript Private Fields、Optional Chaining、Nullish Coalescingへの対応、`--declaration`と`--allowJs`の組合せに対応など。 +また`typescript`パッケージサイズの削減、`@types`パッケージをGitHub Package Registryにもpublishするようにし、ハンドブックの更新なども予定されている。 + + +---- + +## Release DOMPurify 2.0.0 · cure53/DOMPurify +[github.com/cure53/DOMPurify/releases/tag/2.0.0](https://github.com/cure53/DOMPurify/releases/tag/2.0.0 "Release DOMPurify 2.0.0 · cure53/DOMPurify") +

DOM security library ReleaseNote

+ +DOMpurify 2.0.0リリース。 +Trusted Typesが利用できる場合でも`RETURN_TRUSTED_TYPE`オプションを渡したときのみ、Trusted Typesを使うように変更 + + +---- + +## Google Developers Blog: Flutter news from GDD China: uniting Flutter on web and mobile, and introducing Flutter 1.9 +[developers.googleblog.com/2019/09/flutter-news-from-gdd-china-flutter1.9.html?m=1](https://developers.googleblog.com/2019/09/flutter-news-from-gdd-china-flutter1.9.html?m=1 "Google Developers Blog: Flutter news from GDD China: uniting Flutter on web and mobile, and introducing Flutter 1.9") +

Flutter ReleaseNote

+ +Flutter 1.9 リリース。 +Webサポートがメインリポジトリにマージされた。 + + +---- + +## ESLint v6.4.0 released - ESLint - Pluggable JavaScript linter +[eslint.org/blog/2019/09/eslint-v6.4.0-released](https://eslint.org/blog/2019/09/eslint-v6.4.0-released "ESLint v6.4.0 released - ESLint - Pluggable JavaScript linter") +

ESLint ReleaseNote

+ +ESLint 6.4.0リリース。 +`no-import-assign`、`prefer-regex-literals`、`default-param-last`のルールを追加。 +一部ルールが`enforceForClassMembers`オプションでクラス構文をサポートするようになるなど + +- [ESLint v6.4.0 - Qiita](https://qiita.com/mysticatea/items/4164b162fb37dcc443a1 "ESLint v6.4.0 - Qiita") + +---- + +## Release v4.0.0 · immerjs/immer +[github.com/immerjs/immer/releases/tag/v4.0.0](https://github.com/immerjs/immer/releases/tag/v4.0.0 "Release v4.0.0 · immerjs/immer") +

JavaScript library ReleaseNote

+ +Immer 4.0.0リリース。 +development modeでは、すべての値はdeep frozenされた状態で保存されるようになった。 +またウェブサイトのドキュメント更新など + +- [Introduction to Immer · Immer](https://immerjs.github.io/immer/docs/introduction "Introduction to Immer · Immer") + +---- + +## Release 2.4.0 · avajs/ava +[github.com/avajs/ava/releases/tag/v2.4.0](https://github.com/avajs/ava/releases/tag/v2.4.0 "Release 2.4.0 · avajs/ava") +

node.js JavaScript testing library ReleaseNote

+ +AVA 2.4.0リリース。 +`t.try()`をフラグ付きでサポートなど + + +---- +

アーティクル

+ +---- + +## How to build a plugin system on the web and also sleep well at night +[www.figma.com/blog/how-we-built-the-figma-plugin-system/](https://www.figma.com/blog/how-we-built-the-figma-plugin-system/ "How to build a plugin system on the web and also sleep well at night") +

JavaScript security article plugin

+ +プラグインとして追加されるサードパーティコードを安全にウェブブラウザで実行するための仕組みについて。 +``、JavaScriptインタプリタの利用、ProposalのRealms(shim)を使ったサンドボックスについて + +- [tc39/proposal-realms: ECMAScript Proposal, specs, and reference implementation for Realms](https://github.com/tc39/proposal-realms "tc39/proposal-realms: ECMAScript Proposal, specs, and reference implementation for Realms") +- [Agoric/realms-shim: Spec-compliant shim for Realms TC39 Proposal](https://github.com/Agoric/realms-shim "Agoric/realms-shim: Spec-compliant shim for Realms TC39 Proposal") + +---- + +## Caniuse and MDN compatibility data collaboration - Mozilla Hacks - the Web developer blog +[hacks.mozilla.org/2019/09/caniuse-and-mdn-compat-data-collaboration/](https://hacks.mozilla.org/2019/09/caniuse-and-mdn-compat-data-collaboration/ "Caniuse and MDN compatibility data collaboration - Mozilla Hacks - the Web developer blog") +

WebPlatformAPI article

+ +MDN Compat DataをCan I Useのウェブサイトにマージ。 +Can I Use上でMDNのデータを元にした機能やサポートブラウザが見られるようになった。 + + +---- + +## A lighter V8 · V8 +[v8.dev/blog/v8-lite](https://v8.dev/blog/v8-lite "A lighter V8 · V8") +

V8 article

+ +V8のLite modeについて。 +メモリが少ないデバイス向けのモードで、消費メモリの削減を目的としている。 + + +---- + +## WebGPU and WSL in Safari | WebKit +[webkit.org/blog/9528/webgpu-and-wsl-in-safari/](https://webkit.org/blog/9528/webgpu-and-wsl-in-safari/ "WebGPU and WSL in Safari | WebKit") +

safari article

+ +Safari Technology Preview 91からベータサポートされているWebGPU APIとWSLについて。 +WebGPUのパイプライン処理の最適化、ランタイムのパフォーマンス、Web Shading Language(WSL)について紹介されている + + +---- + +## X3D: Declarative 3D for the Modern Web +[blog.scottlogic.com/2019/08/27/declarative-3d-for-the-modern-web.html](https://blog.scottlogic.com/2019/08/27/declarative-3d-for-the-modern-web.html "X3D: Declarative 3D for the Modern Web") +

3D HTML article JavaScript

+ +宣言的な3D表現を行うX3Dという仕様とX3DOMという実装について。 +SVGのようにHTML中にタグを書くことで3D表示を行う + + +---- + +## New in Chrome 77  |  Web  |  Google Developers +[developers.google.com/web/updates/2019/09/nic77](https://developers.google.com/web/updates/2019/09/nic77 "New in Chrome 77  |  Web  |  Google Developers") +

Chrome ReleaseNote

+ +Chrome 77リリース。 +Largest Contentful Paint(LCP)、`formdata`イベント、`formAssociated`プロパティのサポートなど + +- [More capable form controls  |  web.dev](https://web.dev/more-capable-form-controls/ "More capable form controls  |  web.dev") + +---- +

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

+ +---- + +## Can I email… Support tables for HTML and CSS in emails +[www.caniemail.com/](https://www.caniemail.com/ "Can I email… Support tables for HTML and CSS in emails") +

mail HTML webservice

+ +メール内で特定のHTMLタグやCSSが利用できるかをメールクライアントのサポート状態を検索できるサービス。 + + +---- +

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

+ +---- + +## nanoSQL 2 +[nanosql.io/](https://nanosql.io/ "nanoSQL 2") +

SQL library TypeScript JavaScript browser

+ +SQL builderライブラリ。 +インメモリ、ブラウザのIndexedDBやLocalstorage、Node.jsからMySQLやRedixなどさまざまなデータべースに対して動作する + + +---- +

書籍関係

+ +---- + +## Web Development with Node and Express, 2nd Edition - O'Reilly Media +[shop.oreilly.com/product/0636920261216.do](http://shop.oreilly.com/product/0636920261216.do "Web Development with Node and Express, 2nd Edition - O'Reilly Media") +

JavaScript node.js book

+ +2019年10月発売 +Node.jsとExpressについての書籍 + + +---- + +## daumann/ECMAScript-new-features-list: A comprehensive list of new ES features, including ES2015 (ES6), ES2016 (ES7), ES2017 (ES8), ES2018 (ES9), ES2019 (ES10) +[github.com/daumann/ECMAScript-new-features-list](https://github.com/daumann/ECMAScript-new-features-list "daumann/ECMAScript-new-features-list: A comprehensive list of new ES features, including ES2015 (ES6), ES2016 (ES7), ES2017 (ES8), ES2018 (ES9), ES2019 (ES10)") +

ECMAScript JavaScript document

+ +ECMAScriptのバージョンごとに追加された機能/構文とサンプルコードをまとめたリポジトリ + + +----