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...
Docker ngrokでDockerのローカル開発環境を簡単にWEB公開する方法
ローカル開発環境の状況をクライアントへ確認してもらいたい時、もしくは複数端末でブラウザ確認したい時は多々ある。
しかし、ちょっと確認してもらえればいいのに、いちいちテスト環境用のサーバを用意してにアップロードするのは面倒。
そ...