hacca8

JavaScript

ドロップダウンメニューなどの作成に便利なclosestについて

closestメソッドの使用法についてメモします。closestメソッドは、指定したセレクタと合致する親要素を探索します。(ルートまで遡ります) 例としてドロ…

react-router-domでルーティング

Next.jsなどルーティングも行ってくれるフレームワークを触っているとreactrouterdomの使い方を忘れてしまうのでまとめます。 v5からかなり使い…

IntersectionObserverの利用について

複数の要素に対してIntersectionObserverを利用する方法について。初回のみ(1回だけ)動作する方法を確認します。 .targetが監視エリアに…

JavaScriptの三点リーダー...について

ES6以降のJavaScriptで見かける三点リーダー...について。 三点リーダーを付けることで簡単にオブジェクトを配列のように扱うことができます。 引数な…

JavaScriptのreduceについて

reduce関数は、配列内の各要素を一つの値にまとめたい場合などに使用します。 合計値を出したり、文字列を繋げたり、オブジェクトに格納したりできます。 ind…

JavaScriptのsortで並び替え

一覧画面の操作や、データ整理など、クライアント側で並び替えさせたい場合があります。 sort関数を使って並び替えします。 ※特に条件を指定しない場合、文字列に…