JavaScript window.top === window.selfは何をしているのか？
プロジェクトで「if (window.top === window.self) {...}」という条件式がでてはじめてみたので調べてみた。
これは、開いているページがiframeで読み込んだページを表示させているか判定することできる...
プログラミング
JavaScript React 【初心者解説】React.memo, useMemo, useCallbackとは？
Ractには、メモ化するhookが用意されている。
そもそもメモ化とは？
メモ化とは関数実行後の結果をキャッシュか何か保存しておくことによって、再度同じ関数を実行するのではなく、保存しておいた結果を返すこと。それによって実行速...
JavaScript 【JavaScript】プリミティブ型（基本型）とオブジェクト型（参照型）について
JavaScriptにのデータ型には、プリミティブ型（基本型）とオブジェクト型（参照型）がある
プリミティブ型（基本型）
真偽値（boolean）
数値（number）
文字列（string）
null
undefined
シ...
JavaScript eslintのルールで特定ファイルのみ適用外にしたい場合の書き方
.eslintrcのrulesに「defalut export」の記述を禁止するルールを追加したとする。
module.exports = {
...
rules: {
...
"import/no-defau...
Laravel 【Laravel】中間テーブルのカラムに対して検索をかけたい時【whereHas】
タイトル通りだが、まずはやりたいことの説明
やりたいこと
リレーション先の中間テーブルのカラムの値に対して検索をかけたい。
状況
menus、stores、menu_store（中間テーブル）とうテーブルを作成して...
JavaScript 【JavaScript入門】reduceについて説明と使い方
reduce()の説明と使い方を説明する。
reduce()は、配列の隣り合う値に対して関数を適用させて、その実行結果を返すメソッド。
コードを書いて動きを確認してみる。
const arr =
console.lo...
Laravel LaravelでスクレイピングしてHerokuで定期実行する方法
まず、LaravelでWebスクレイピングするため、ライブラリである「FriendsOfPHP/Goutte」をインストールする。
LaravelのバージョンはLaravel6.20。
インストール
$ composer...
CSS テキスト下に蛍光色ラインマーカーをCSSで作る（改行対応）
改行されているテキストにも対応できるCSSによるラインマーカーの作成。
以下、コード。
HTML
<p>
テキストテキストテキストテキストテキスト<br />
<span c...
PHP 【初心者向け解説】PHPのクラス、抽象クラス、インターフェース、トレイトについて
まず、オブジェクト指向とはなにかについて説明。
オブジェクト指向は、ざっくりいうと役割をクラスごとに分けてそれを組み合わせながらプログラミングを行っていくこと。
クラスは、変数、定数、関数を一つにまとめたものである。
オ...
Vue.js Nuxt.jsで「TypeError: Cannot set property ‘render’ of undefined」のコソールエラー対処法
エラー内容
Nuxt.jsで開発中、以下のコンソールエラーが出て画面が表示されなくなった。
TypeError: Cannot set property 'render' of undefined
原因と...