Fork me on GitHub

2024-02-05のJS: TypeScript 5.4 Beta、Learn Testing/Performance、Interop 2024

Edit on GitHub 編集履歴を見る

JSer.info #679 - TypeScript 5.4 Betaがリリースされました。

クロージャーにおけるNarrowing結果の改善、NoInfer Utility Typeが追加されています。
また、ES2024のObject.groupBy/Map.groupByをサポート、Import Attributesのサポートが追加されています。
そのほかには、target: "ES3"outオプションなどを非推奨として、次のTypeScript 5.5で削除されることがアナウンスされています。TypeScript 5.5で削除されるオプションは、次のIssueにまとめられています。


web.dev にテストとパフォーマンスに関する新しいコンテンツが追加されました。

それぞれテストとパフォーマンスに関する一連の記事をまとめたページとなっています。


ブラウザベンダーや関係者が協力して、ウェブプラットフォーム間の相互運用性に取り組むInterop 2024の開始がアナウンスされました。

毎年取り組む重点分野が決められていており、今年追加されたものとしてはアクセシビリティ、CSS Nesting、HTTP(S) URLs for WebSocketなどが取り上げられています。


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

JSer.info Sponsors

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


ヘッドライン


Release v3.10.0 · nuxt/nuxt

github.com/nuxt/nuxt/releases/tag/v3.10.0

Vue library ReleaseNote

Nuxt.js v3.10.0リリース。
実験的なオプションとしてsharedPrerenderDataを追加、useId()がSSR時にuniqueなIDを返すことを保証するように、アンチパターンの検出の強化など


Announcing TypeScript 5.4 Beta - TypeScript

devblogs.microsoft.com/typescript/announcing-typescript-5-4-beta/

TypeScript ReleaseNote

TypeScript 5.4 Betaリリース。
クロージャーにおけるNarrowing結果の改善、NoInfer Utility Typeの追加。
ES2024のObject.groupBy/Map.groupByをサポート、Import Attributesのサポート。
target: "ES3"outオプションなどを非推奨化など


Release v9.0.1 · typicode/husky

github.com/typicode/husky/releases/tag/v9.0.1

GIt JavaScript Tools ReleaseNote

husky v9.0.1リリース。
husky initでセットアップを簡略化、git hookの書き方を単純化など


アーティクル


CodeMirror v6によるZennのMarkdownエディタの作り方

zenn.dev/team_zenn/articles/zenn-markdown-editor-by-cm6

JavaScript editor article React

CodeMirror v6でのMarkdownエディタの実装方法について


blog.flatt.tech/entry/samesite_csrf_hsts

HTTP browser security article

Cookieの属性について。
Secure/HttpOnly/Domain/Path/SameSite属性、__Secure-/__Host- prefix、SameSite属性の挙動やブラウザのデフォルトの動作について。


Interop 2024がスタート | フロントエンドBlog | ミツエーリンクス

www.mitsue.co.jp/knowledge/blog/frontend/202402/02_1152.html

browser WebPlatformAPI article

ブラウザベンダーが注力して相互運用性に取り組むInterop 2024について。


Node.jsで機能やパッケージの非推奨メッセージを通知する方法 | Web Scratch

efcl.info/2024/02/04/emitwarning/

npm nodejs article

npmやNode.jsで非推奨のメッセージを通知する方法について。
パッケージの非推奨化、コードレベルの非推奨化、実行時の非推奨化について


Import attributes · V8

v8.dev/features/import-attributes

ECMAScript article

ECMAScript Proposal Stage 3のImport attributesについて。
import ... from .... assert { type }はセマンティクス的に問題があったため、import ... from .... with { type }へと変更された。


Learn Testing  |  web.dev

web.dev/learn/testing

testing tutorial browser nodejs

自動テストについて学ぶチュートリアル。
ブラウザやNode.jsでのテスト、テストの種類、コンポーネントテスト、静的解析ツールなどについて


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


Learn Performance  |  web.dev

web.dev/learn/performance?hl=en

performance tutorial browser

ブラウザのパフォーマンスについてのチュートリアル。
リソースロードの最適化、JavaScriptの最適化、プリロード、Web Workerについてなど


Tappy - Yahoo!デベロッパーネットワーク

tappy.yahoo.co.jp/

webservice Tools mobile accessibility

ウェブサイトのボタンなどのタップ成功率を計算して表示してくれるツール。
タップミスが起きやすいボタンなのかの調査に利用できる。


Compression Streams are now supported on all browsers  |  Blog  |  web.dev

web.dev/blog/compressionstreams?hl=en

JavaScript browser WebPlatformAPI

gzipの圧縮/解凍するCompressionStreamが全てのブラウザで利用できるようになった。


この記事へ修正リクエストをする
JSer.info Slackに参加する