JavaScript– category –
-
JavaScript
JavaScriptでのスタイルプロパティの直接割り当て方法
Web開発では、要素のスタイルをJavaScriptから動的に変更する必要が生じることがよくあります。JavaScriptを使って要素のスタイルを変更する最も一般的な方法は、DOM API の style プロパティを利用することです。の記事では、JavaScriptでスタイルを直接割り当てる際のポイントについて解説します。 element.style とは? element.style は... -
JavaScript
JavaScriptで取得した要素の属性 attributes を更新する方法
JavaScriptでは、DOM要素の属性(attributes)を簡単に取得・更新することができます。attributes は、要素の id、class、src などの様々なプロパティを指し、これらを動的に変更することで、ページの挙動や外観をリアルタイムに操作できます。この記事では、属性の取得と更新方法について解説します。 属性の取得方法 要素の属性を取得する... -
JavaScript
JavaScriptの innerText とその使い方
innerText は、JavaScriptでDOM要素のテキストを操作する際に使われるプロパティです。innerHTML とよく似ていますが、テキストのみを扱いたい場合には innerText を使用するのが適しています。この記事では、innerText の使い方と注意点を説明します。 innerText とは? innerText は、HTML要素の表示されているテキストを取得したり、設定... -
JavaScript
JavaScriptの querySelector とその使い方
JavaScriptの querySelector は、CSSセレクタを使ってHTML要素を取得できる非常に便利なメソッドです。DOM操作の際に頻繁に使われるため、しっかりと理解しておくと、開発効率が向上します。この記事では、基本的な使い方から応用までをまとめて紹介します。 querySelector の基本 querySelector は、HTMLドキュメント内で指定したCSSセレク... -
JavaScript
JavaScriptのレストパラメータの使い方
以下は、JavaScriptのレストパラメータ(Rest Parameters)についての技術記事です。備忘録として活用できるよう、基本的な使い方から応用までを解説します。 JavaScriptのレストパラメータについて レストパラメータとは? レストパラメータ(Rest Parameters)は、ES6(ECMAScript 2015)で導入された機能で、関数の引数として与えられる可... -
JavaScript
JavaScript: スプレッド構文によるオブジェクトのコピー、マージ、上書きなど
以下に、JavaScriptのスプレッド構文(Spread Operator)を使ったオブジェクト操作についての技術記事を記述します。備忘録として使えるように、基本的な使い方から応用までカバーしています。 JavaScriptのスプレッド構文を使ったオブジェクト操作 スプレッド構文とは? スプレッド構文(...)は、ES6(ECMAScript 2015)で導入された機能で... -
JavaScript
JavaScript: 配列の要素内の合計値や出現回数をreduceで求める
この記事は、JavaScriptで要素がオブジェクトの配列から簡単な統計処理を行った時、ChatGPTに質問したことを記事としてまとめさせたものです。 reduce 使えるとなんかワンランク上になった気がする(気がするだけ)。 はじめに JavaScriptにおいて、データの集合を操作し、それらを単一の結果にまとめることは日常的な作業の一部です。reduce... -
JavaScript
JavaScriptで小数値を適切に丸め込む
この記事では、JavaScriptで小数値を扱う際の四捨五入、切り捨て、切り上げなど、数値を適切に丸め込むための様々な方法について解説します。具体的には、toFixed() メソッドを始めとする様々なJavaScriptのビルトインメソッドを用いた丸め込みの技術に焦点を当てます。 主な方法 了解しました。それでは、JavaScriptで小数値を丸め込む方法... -
JavaScript
JavaScriptでYYYY-mm-dd形式の日付を取得するワンライナ:UTC版とローカルタイムゾーン対応版
この記事では、JavaScriptを使用してYYYY-mm-dd形式で日付を1行で取得する二つの方法を紹介します。一つ目は、世界標準時(UTC)を基準とした方法です。これは、国際的なコンテキストで日付を統一的に扱う場合に特に有効です。二つ目は、ローカルタイムゾーンを考慮した方法です。この方法は、ユーザーの地域設定に基づいた日付表示が必要な... -
JavaScript
JavaScript: ライブラリを使わず擬似的なUUIDを生成する
この記事では、ライブラリを一切使用せずにJavaScriptで擬似UUIDを生成する方法を紹介します。このアプローチは、UUIDの公式な仕様に完全に準拠しているわけではありませんが、多くのシナリオで十分なランダム性とユニークさを提供します。開発の早い段階で簡単に実装でき、外部ライブラリへの依存なしに一意の識別子を得ることができます。 ...