JavaScript– category –

初歩的なんだけど割といつもググっているあたりに地力のなさが出ていてつらい。ChatGPT-4に聞いてまとめる。 まぁ結局はObject.entries()使おうという記事になる。あとfor ... in時のhasOwnProperty()の必要性についてとかも書かせてみた。 イントロ JavaScriptでオブジェクトのキーと値をループ処理するための方法はいくつかありますが、そ...

fishではnvmのサポートが微妙ということで、Node.jsのバージョン管理にはvoltaを使うことにした。が、voltaは配布されているNodeのバージョン一覧を取得するコマンドがない。まぁ volta install node@18とかでざっくりインストールすればいいからだと思うが。まぁそうは言っても、バージョン一覧をCLIから取得したいなぁと思って、ChatGPT-4...

恥ずかしい話コールバック関数のニュアンスがずっと掴めないままプログラマをやっている。今更聞けないまま、曖昧な理解でずっといたので、ChatGPT-4に確認した感じだ。 イントロ コールバック関数は、プログラミングにおける重要な概念であり、コードの抽象化や非同期操作、イベント駆動型プログラミングにおいて重要な役割を果たします。し...

innerText は、JavaScriptでDOM要素のテキストを操作する際に使われるプロパティです。innerHTML とよく似ていますが、テキストのみを扱いたい場合には innerText を使用するのが適しています。この記事では、innerText の使い方と注意点を説明します。 innerText とは？ innerText は、HTML要素の表示されているテキストを取得したり、設定...

Web開発では、要素のスタイルをJavaScriptから動的に変更する必要が生じることがよくあります。JavaScriptを使って要素のスタイルを変更する最も一般的な方法は、DOM API の style プロパティを利用することです。の記事では、JavaScriptでスタイルを直接割り当てる際のポイントについて解説します。 element.style とは？ element.style は...

JavaScriptの querySelector は、CSSセレクタを使ってHTML要素を取得できる非常に便利なメソッドです。DOM操作の際に頻繁に使われるため、しっかりと理解しておくと、開発効率が向上します。この記事では、基本的な使い方から応用までをまとめて紹介します。 querySelector の基本 querySelector は、HTMLドキュメント内で指定したCSSセレク...

データの並べ替えは、ソフトウェア開発における基本的でありながら重要なタスクの一つです。特に、Webアプリケーションやデータ処理システムでは、ユーザーが求める情報を素早く、効率的に提示するために、適切な順序でデータを表示することが不可欠です。JavaScriptにおいて、このようなソート操作は Array.prototype.sort メソッドを用いて...

GitHubスター数と開発アクティビティ Reactは2016年時点で既にFacebook発の人気ライブラリとして多くのスターを集めていました。一方、Vueは2016年頃からコミュニティで注目され始め、2017〜2018年にかけてGitHubのスター数が急増します。その結果、2018年6月にはVueの累計スター数がReactを追い抜き、Dan Abramov（React開発者）が祝福のツ...

ウェブ開発の世界では、日時の取り扱いは避けて通れないテーマの一つです。特に、国際的なコンテキストや、さまざまなタイムゾーンをまたいだアプリケーションの開発において、正確で一貫した日時の処理は極めて重要です。このような文脈において、RFC3339形式の日時は非常によく使用されます。これは、その明確な標準化と広範な互換性により...

恥ずかしい話コールバック関数のニュアンスがずっと掴めないままプログラマをやっている。今更聞けないまま、曖昧な理解でずっといたので、ChatGPT-4に確認した感じだ。 イントロ コールバック関数は、プログラミングにおける重要な概念であり、コードの抽象化や非同期操作、イベント駆動型プログラミングにおいて重要な役割を果たします。し...

JavaScriptでは、DOM要素の属性（attributes）を簡単に取得・更新することができます。attributes は、要素の id、class、src などの様々なプロパティを指し、これらを動的に変更することで、ページの挙動や外観をリアルタイムに操作できます。この記事では、属性の取得と更新方法について解説します。 属性の取得方法 要素の属性を取得する...

この記事では、ライブラリを一切使用せずにJavaScriptで擬似UUIDを生成する方法を紹介します。このアプローチは、UUIDの公式な仕様に完全に準拠しているわけではありませんが、多くのシナリオで十分なランダム性とユニークさを提供します。開発の早い段階で簡単に実装でき、外部ライブラリへの依存なしに一意の識別子を得ることができます。 ...

ウェブ開発やアプリケーションプログラミングにおいて、日時の扱いは避けて通れないテーマの一つです。特に、UNIXタイムスタンプの理解と扱いは、データを時系列で処理する際に不可欠です。UNIXタイムスタンプとは、1970年1月1日のUTCからの経過ミリ秒数を示す数値であり、多くのプログラミング言語やシステムで広く利用されています。 しか...