Kakkiii-Blog

シングルトンパターンは、特定のクラスのインスタンスが1つだけ生成されることを保証するデザインパターンです。 この記事では、JavaScriptでのシングルトンパターンの実装方法と、その活用例についてまとめます。

WeakMapは、キーとしてオブジェクトだけを持つことができる特別なマップです。 その主な特徴は、そのキーとして使用されているオブジェクトがガベージコレクションによって削除される場合、そのキーに関連付けられている値もWeakMapから自動的に削除されることです。 これは、オブジェクトとそのオブジェクトに関連付けられた追加の情報をメモリーリークなしに管理するために役立ちます。

ES2023で追加された新しいイミュータブルなメソッドとして、toReversed、toSorted、toSpliced、withがあります。以下でそれぞれのメソッドについて説明します。

従来では特定の要素のサイズの変更を検知したい場合、documentやwindowにresize eventを登録し、ウィンドウのサイズの変更をトリガーにし、要素の変更を検知していたと思います。 しかし殆どの場合、その後特定の要素に対し、Element.getBoundingClientRectやWindow.getComputedStyleといった関数を実行する必要があり、レイアウト処理が実行され、パフォーマンスが悪いといった課題がありました。 また、ブラウザのウィンドウサイズをトリガーにしている為、特定の要素のサイズ変更を検知しているわけではないので、場合によっては機能しない事がありました。

JavaScriptを書いていて、西暦から和暦に変換をする機会があったので、自分自身のメモとして残しておこうと思います。

最近のフロントエンドの実装において必ず扱う機会があるPromiseオブジェクトですが、JavaScriptには複数のPromiseオブジェクトを扱うことができるメソッドがいくつか用意されています。今回はそれぞれの特徴を簡単にまとめてみました。