テーブル内のデータを簡単にソートする機能は、ユーザーエクスペリエンスの向上に大きく貢献します。この記事では、ReactとMaterial-UIを使用して、テーブル内の任意のカラムをクリックして昇順・降順でソートする方法を紹介します。 必要なもの Node.jsと...

ReactのuseEffectフックは、コンポーネントがマウントされた後や更新された後に特定の副作用を実行するために使用されます。本記事では、useEffectを使ってデータが渡された時に1回だけ動作するコンポーネントの作成方法を紹介します。具体的なソースコー...

今回は、JavaScriptで1つの変数の配列内に、重複する値が含まれるかどうかを判定する方法について解説します。例えば、データを集計した際に同じデータが含まれているか検索する場合に便利です。また、この方法を利用すれば、連想配列（多次元配列）につい...

今回は、PostgreSQLのsetval関数を使ってシーケンス番号を一括変更する方法についてお伝えします。シーケンス番号の一括変更は、基本的にあまり使いませんが、特定の場面で非常に便利です。具体的な例を交えながら順序立てて説明していきますので、参考に...

JavaScriptで2つの配列から差分を抽出する方法をサンプルコード付きで詳しく解説します。ここで言う差分とは、ある配列には含まれているが、別の配列には含まれていない要素のことです。例えば、[1, 2, 3]と[2, 3, 4]という2つの配列の差分は、[1]と[4]で...

ある画面でボタンを押した時や、現在のページから離脱する場合に「本当によろしいですか？」みたいなアラート（警告）表示をよく見かけることがあると思います。今回は、そんな確認ダイアログをReactで表示させる方法をご紹介します！ Reactで確認ダイアロ...

JavaScriptには、非同期処理を行うためのPromiseという機能があります。Promise.allは、複数のPromiseを並列で実行し、全ての処理が完了したら結果をまとめて返すことができる便利なメソッドです。 Promise.allメソッドは、渡された全てのPromiseオブジェ...

例えば、PostgreSQLのあるテーブルのデータを、JavaScriptの配列に格納された複数IDを検索して更新したい場合、ORでひたすら繋げたりfor文などを用いて実現することもできますが、IDの数だけループしてSQLを実行することになるため、あまり効率が良いよう...

JavaScriptの非同期処理とは、あるタスクを実行している間に、他のタスクが別の処理を実行できる方式です。例えば、データベースから値を取得するなどの通信を伴う処理は、通信状況によって時間がかかる可能性があります。その場合、非同期処理を使うと、...

JavaScriptだけでなく、どのプログラミング言語にも日本の祝日という概念はありません。ですので、いつもプログラムでも営業日を特定する際にとても苦労しています。そこで今回は、JavaScriptで指定した日が営業日かどうか調べる方法をご紹介します！ 【目...