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