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

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

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

SQL文の中にJavaScriptの変数を入れたい場合、何も考えずにSQLと変数を連結させたり、テンプレートリテラルでSQL文を作成すると、SQLインジェクションのリスクが高くなります。そこで今回は、JavaScriptの変数とプレースホルダーを上手に活用して、SQLイン...

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

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

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

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

JavaScript と TypeScript は、主にWeb開発において使われるプログラミング言語ですが、似ているようでいくつかの点で異なります。今回は、JavaScript と TypeScript の言語仕様の違いや互換性について、簡単なサンプルコードを混じえながら解説します。ま...

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