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の開始がアナウンスされました。
- Interop 2024 | Blog | web.dev
- The web just gets better with Interop 2024 | WebKit
- Interop 2024 Launch - Bocoup
- Interop 2024 Launches | Igalia
- Microsoft Edge and Interop 2024 - Microsoft Edge Blog
- Announcing Interop 2024 - Mozilla Hacks - the Web developer blog
毎年取り組む重点分野が決められていており、今年追加されたものとしてはアクセシビリティ、CSS Nesting、HTTP(S) URLs for WebSocketなどが取り上げられています。
JSer.infoをサポートするには
- 😘 知り合いにJSer.infoをおすすめする
- ❤️ GitHub Sponsorsで@azuのスポンサーになる
- 🐦 X(Twitter)で@jser_infoをフォローする
JSer.info Sponsors
JSer.info SponsorsはGitHub SponsorsとしてJSer.infoを支援してくれている方々です。
ヘッドライン
Release v3.10.0 · nuxt/nuxt
github.com/nuxt/nuxt/releases/tag/v3.10.0
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 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
husky v9.0.1リリース。
husky init
でセットアップを簡略化、git hookの書き方を単純化など
アーティクル
CodeMirror v6によるZennのMarkdownエディタの作り方
zenn.dev/team_zenn/articles/zenn-markdown-editor-by-cm6
CodeMirror v6でのMarkdownエディタの実装方法について
SameSite属性とCSRFとHSTS - Cookieの基礎知識からブラウザごとのエッジケースまでおさらいする - Flatt Security Blog
blog.flatt.tech/entry/samesite_csrf_hsts
Cookieの属性について。
Secure/HttpOnly/Domain/Path/SameSite属性、__Secure-
/__Host-
prefix、SameSite属性の挙動やブラウザのデフォルトの動作について。
Interop 2024がスタート | フロントエンドBlog | ミツエーリンクス
www.mitsue.co.jp/knowledge/blog/frontend/202402/02_1152.html
ブラウザベンダーが注力して相互運用性に取り組むInterop 2024について。
Node.jsで機能やパッケージの非推奨メッセージを通知する方法 | Web Scratch
efcl.info/2024/02/04/emitwarning/
npmやNode.jsで非推奨のメッセージを通知する方法について。
パッケージの非推奨化、コードレベルの非推奨化、実行時の非推奨化について
Import attributes · V8
v8.dev/features/import-attributes
ECMAScript Proposal Stage 3のImport attributesについて。
import ... from .... assert { type }
はセマンティクス的に問題があったため、import ... from .... with { type }
へと変更された。
Learn Testing | web.dev
自動テストについて学ぶチュートリアル。
ブラウザやNode.jsでのテスト、テストの種類、コンポーネントテスト、静的解析ツールなどについて
サイト、サービス、ドキュメント
Learn Performance | web.dev
web.dev/learn/performance?hl=en
ブラウザのパフォーマンスについてのチュートリアル。
リソースロードの最適化、JavaScriptの最適化、プリロード、Web Workerについてなど
Tappy - Yahoo!デベロッパーネットワーク
ウェブサイトのボタンなどのタップ成功率を計算して表示してくれるツール。
タップミスが起きやすいボタンなのかの調査に利用できる。
Compression Streams are now supported on all browsers | Blog | web.dev
web.dev/blog/compressionstreams?hl=en
gzipの圧縮/解凍するCompressionStreamが全てのブラウザで利用できるようになった。