JavaScript– category –
-
ReactとVueの人気・使用動向（2016〜2025年）
GitHubスター数と開発アクティビティ Reactは2016年時点で既にFacebook発の人気ライブラリとして多くのスターを集めていました。一方、Vueは2016年頃からコミュニティで注目され始め、2017〜2018年にかけてGitHubのスター数が急増します。その結果、2018年6月にはVueの累計スター数がReactを追い抜き、Dan Abramov（React開発者）が祝福のツ... -
Vue.js 3の人気トレンド: Vue 2からの変化と他フレームワークとの比較
Vue.js 3は2020年にリリースされました。それ以降、Vueの支持（人気・利用動向）はどのように変化したのか、また他の競合フレームワーク（ReactやSvelteなど）との相対的な人気の推移について、GitHubやNPM、Google検索、Stack Overflowといった客観的な指標から分析します。調査期間は2020年から直近の2025年頃までです。以下では各種データ... -
JavaScriptでのスタイルプロパティの直接割り当て方法
Web開発では、要素のスタイルをJavaScriptから動的に変更する必要が生じることがよくあります。JavaScriptを使って要素のスタイルを変更する最も一般的な方法は、DOM API の style プロパティを利用することです。の記事では、JavaScriptでスタイルを直接割り当てる際のポイントについて解説します。 element.style とは？ element.style は... -
JavaScriptで取得した要素の属性 attributes を更新する方法
JavaScriptでは、DOM要素の属性（attributes）を簡単に取得・更新することができます。attributes は、要素の id、class、src などの様々なプロパティを指し、これらを動的に変更することで、ページの挙動や外観をリアルタイムに操作できます。この記事では、属性の取得と更新方法について解説します。 属性の取得方法 要素の属性を取得する... -
JavaScriptの innerText とその使い方
innerText は、JavaScriptでDOM要素のテキストを操作する際に使われるプロパティです。innerHTML とよく似ていますが、テキストのみを扱いたい場合には innerText を使用するのが適しています。この記事では、innerText の使い方と注意点を説明します。 innerText とは？ innerText は、HTML要素の表示されているテキストを取得したり、設定... -
JavaScriptの querySelector とその使い方
JavaScriptの querySelector は、CSSセレクタを使ってHTML要素を取得できる非常に便利なメソッドです。DOM操作の際に頻繁に使われるため、しっかりと理解しておくと、開発効率が向上します。この記事では、基本的な使い方から応用までをまとめて紹介します。 querySelector の基本 querySelector は、HTMLドキュメント内で指定したCSSセレク... -
JavaScriptのレストパラメータの使い方
以下は、JavaScriptのレストパラメータ（Rest Parameters）についての技術記事です。備忘録として活用できるよう、基本的な使い方から応用までを解説します。 JavaScriptのレストパラメータについて レストパラメータとは？ レストパラメータ（Rest Parameters）は、ES6（ECMAScript 2015）で導入された機能で、関数の引数として与えられる可... -
JavaScript: スプレッド構文によるオブジェクトのコピー、マージ、上書きなど
以下に、JavaScriptのスプレッド構文（Spread Operator）を使ったオブジェクト操作についての技術記事を記述します。備忘録として使えるように、基本的な使い方から応用までカバーしています。 JavaScriptのスプレッド構文を使ったオブジェクト操作 スプレッド構文とは？ スプレッド構文（...）は、ES6（ECMAScript 2015）で導入された機能で... -
JavaScript: 配列の要素内の合計値や出現回数をreduceで求める
この記事は、JavaScriptで要素がオブジェクトの配列から簡単な統計処理を行った時、ChatGPTに質問したことを記事としてまとめさせたものです。 reduce 使えるとなんかワンランク上になった気がする（気がするだけ）。 はじめに JavaScriptにおいて、データの集合を操作し、それらを単一の結果にまとめることは日常的な作業の一部です。reduce... -
JavaScriptで小数値を適切に丸め込む
この記事では、JavaScriptで小数値を扱う際の四捨五入、切り捨て、切り上げなど、数値を適切に丸め込むための様々な方法について解説します。具体的には、toFixed() メソッドを始めとする様々なJavaScriptのビルトインメソッドを用いた丸め込みの技術に焦点を当てます。 主な方法 了解しました。それでは、JavaScriptで小数値を丸め込む方法...
