JSer.info #506 - Moment.jsのウェブサイトにProject Statusが追加されています。

Moment.js | Docs

Moment.jsに新しい機能の追加などはしないメンテンスモードであることが書かれています。
互換性保ちつつ新しい機能や仕組みを入れるのは難しい状態であるため、別のライブラリの利用を推奨しています。

代替となるライブラリとしてLuxon、Day.js、js-joda、date-fnsについて紹介されています。
また、Intl APIや現在策定中のTemporalについても書かれています。

このプロジェクトステータスの明示の発端は、Chrome Dev ToolsのLighthouseにmoment.js利用の警告を表示したことに起因しています。

If JavaScript libraries are proving costly, replace them with smaller alternatives.

Lighthouse in @ChromeDevTools now recommends smaller libraries that improve bundle size. pic.twitter.com/VFe8TFV9Y5
— Addy Osmani (@addyosmani) September 12, 2020

We're working on adding a statement to the website. Will likely merge tomorrow.https://t.co/jq0m56Kynf
— Matt Johnson-Pint (@mattjohnsonpint) September 13, 2020

今まで、Moment.jsのステータスは少し暗黙的でしたが、今回の件でLuxonなどの後継や代替ライブラリがあることを示して、Moment.jsを新しく使うことは非推奨であることを明示するようになりました。

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

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

JSer.info Sponsors

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

ヘッドライン

Moment.js | Docs

momentjs.com/docs/#/-project-status/

JavaScript news library

Moment.jsのプロジェクトステータスについてのドキュメントが追加された。
Moment.jsに新しい機能の追加などはしないメンテンスモードであるということについてや代替となるライブラリとしてLuxon、Day.js、date-fns、js-jodaの紹介をしている。
また、ECMA-402のIntlオブジェクトとTemporal Proposalについて紹介している

Release 8.0 “President Ose” · postcss/postcss

github.com/postcss/postcss/releases/tag/8.0.0

CSS library ReleaseNote JavaScript

PostCSS 8.0リリース。
Node.js 8以下のサポート終了、ES2015のコードをそのまま配布するように、postcss.vendor APIの削除。
PostCSS Plugin APIの変更、パーサの改善、Source Mapサポートの改善、TypeScriptのサポートなど

Release v3.0.0 One Piece · vuejs/vue-next

github.com/vuejs/vue-next/releases/tag/v3.0.0

Vue 3.0.0リリース。
コードベースをTypeScriptで書き直し、コアモジュールのパッケージ化。
Composition API、Teleport、Fragmentsのサポート。
実験的なAPIとして<script setup>と<style vars>のサポート。
破壊的な変更としてVue.*以下のグローバルAPIをインスタンスAPIに移動、Template Directiveの挙動の変更、ライフサイクルオプション名のリネーム、Filterの削除など。
また、Vue 3.0.0時点ではIE 11のサポートは含まれていない。

Announcing TypeScript 4.1 Beta | TypeScript

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

TypeScript ReleaseNote

TypeScript 4.1 Betaリリース。
Template Literal Types、Mapped TypesでKeyのRemappingをサポート、再帰的なConditional Typesのサポート。
インデックスアクセス時にundefinedとなる可能性を考慮するnoUncheckedIndexedAccessオプションの追加、baseUrlなしでpathsオプションを指定できるように。
破壊的な変更として、new Promiseにおけるresolve関数の引数がOptionalではなくなるなど

Kea 2.2: The TypeScript Release | Kea 2.2

kea.js.org/blog/kea-2.2/

React JavaScript library ReleaseNote

React向けのステート管理ライブラリであるKea 2.2リリース。
TypeScriptのサポート

TypeScript | Kea 2.2

アーティクル

JSchallenger

www.jschallenger.com/

JavaScript tutorial

JavaScriptのテストを通るように関数を実装するJavaScriptの練習問題集

How to Simplify SVG Code Using Basic Shapes | CSS-Tricks

css-tricks.com/how-to-simplify-svg-code-using-basic-shapes/

SVG tutorial

SVGを手書きするチュートリアル

Working with JavaScript Media Queries | CSS-Tricks

css-tricks.com/working-with-javascript-media-queries/

JavaScript CSS article

JavaScriptでのMediaQueryの利用方法について。
window.matchMediaの使い方、resizeイベントを見る場合とのパフォーマンスの違いについて

Introducing Source Order Viewer in the Microsoft Edge DevTools - Microsoft Edge Blog

blogs.windows.com/msedgedev/2020/09/15/source-order-viewer-edge-devtools/

MSEdge Chrome debug article accessibility

MSEdge/Chrome 85に実験的な機能として要素のソースコードにおける順番を表示する機能が追加された。
CSS Grid/FlexboxなどのCSSの機能で要素の順番を変更しやすくなったため、スクリーンリーダーなどの読み上げで問題が起きるケースを分かりやすくデバッグする機能。
WCAG C27の"DOMの順序を表示順序と一致させる"の実装をデバッグする目的の機能。