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