JavaScript 【JavaScript】特定の要素が画面に見えているかどうかを判定する方法【Intersection Observer API】 特定の要素が見えている、もしくは消えた段階でイベントを発火させたいケースで使う処理をメモ。 2021.05.16 JavaScript
JavaScript 【JavaScript】ページの最下部に来たときにイベントを起こす いま閲覧しているページの最下部(一番下)に来たとき(見えたとき)にイベントを発動させたいときの方法メモ。 2021.05.10 JavaScript
JavaScript 【JavaScript】URLを取得してページごとに条件分岐させる 案件でページ毎にJavaScriptを適用したい場面がけっこうあるので、そんなときに使える『ページURLを取得して条件分岐させる方法』のメモ。URLを取得する例文window.onload = ()=> { // URLの取得 let ur... 2021.05.07 JavaScript
JavaScript 【JavaScript】location オブジェクトでURLやパスを取得する location オブジェクトとは、URLからパラメータを取得したり、指定したアドレスに移動したりする時に使うオブジェクトです。location オブジェクトの各プロパティ・メソッドについてはMDNをご参照ください↓location オブジ... 2021.05.06 JavaScript
JavaScript 【JavaScript】インスタンス化とは【基本】 例えば、目的が違う2つのプログラムがあったとして、両方のプログラムがまったく同じ オブジェクト に対して直接データを読み書きしてしまうと、お互いに干渉してしまい正しく動作しません。このようなシチュエーションでは、通常 オブジェクト の本体か... 2021.05.06 JavaScript
JavaScript 【JavaScript】イベントとは【基本】 イベントとは、リンクやボタンをクリックしたり、キーボードを操作したり、ページの読み込みが完了したタイミングや次のページに行く直前など、様々なタイミングで発生します。一例を挙げると、ユーザーがある要素の上をマウスでクリックするユーザーがある要... 2021.05.05 JavaScript
JavaScript 【JavaScript】オブジェクトとは【基本】 オブジェクトとは、「複数のプロパティを持つデータのまとまり」のこと。それぞれのプロパティにはデータが保存されているので、言い換えれば「各種データをひとまとめにし、一つの変数として扱えるデータ」になる。オブジェクトの作り方オブジェクトを作成す... 2021.05.03 JavaScript
JavaScript 【JavaScript】event.preventDefault メソッドでタグの基本動作をキャンセルする event.preventDefaultメソッドとは『イベントの発生元が持つデフォルトの動作をキャンセルする』メソッドです。参考書で登場してきた段階ではevent.preventDefaultメソッドについて書いてあることがまったく理解でき... 2021.05.01 JavaScript
JavaScript 【JavaScript】Date オブジェクトに日時を取得する Date オブジェクトは日時を扱うためのオブジェクトで、以下のようなことができる。現在の日時を取得する過去や未来の日時を取得する日時の計算をする『過去や未来の日時を取得する』や『日時の計算をする』は、例えば未来の日時を設定して、そこから現在... 2021.04.26 JavaScript