プロジェクトで「if (window.top === window.self) {…}」という条件式を初めて見たので、その意味を調べてみました。 この条件式は、開いているページがiframeで読み込んだページを表示しているかどうかを判定するためのものです。 ...
林の中の象のように...
聡明な伴侶を得られるのなら共に歩め 聡明な人と歩めないのなら一人歩め 愚かなものを道連れとするな。 孤独に歩め、悪を為さず 求めるところは少なく、林の中の象のように ...
【初心者解説】React.memo, useMemo, useCallbackとは？
Ractには、メモ化するhookが用意されている。 そもそもメモ化とは？ メモ化とは関数実行後の結果をキャッシュか何か保存しておくことによって、再度同じ関数を実行するのではなく、保存しておいた結果を返すこと。それによって実行速度を高速化させるためのものである。 ...
【JavaScript】プリミティブ型（基本型）とオブジェクト型（参照型）について
JavaScriptにのデータ型には、プリミティブ型（基本型）とオブジェクト型（参照型）がある プリミティブ型（基本型） 真偽値（boolean） 数値（number） 文字列（string） null undefined シンボル（symbol） オブジェクト型（参照型） プリミティブ型（基本型）以外のデータ型 ...
eslintのルールで特定ファイルのみ適用外にしたい場合の書き方
.eslintrcのrulesに「defalut export」の記述を禁止するルールを追加したとする。 module.exports = { ... rules: { ... "import/no-default-export": "error", ... } }; このとき、sotrybookのstories.tsxにはこのルールは適用外にしたい。 ...
【Laravel】中間テーブルのカラムに対して検索をかけたい時【whereHas】
タイトル通りだが、まずはやりたいことの説明 やりたいこと リレーション先の中間テーブルのカラムの値に対して検索をかけたい。 状況 menus、stores、menu_store（中間テーブル）とうテーブルを作成しており、 ...
【JavaScript入門】reduceについて説明と使い方
reduce()の説明と使い方を説明する。 reduce()は、配列の隣り合う値に対して関数を適用させて、その実行結果を返すメソッド。 コードを書いて動きを確認してみる。 ...
LaravelでスクレイピングしてHerokuで定期実行する方法
まず、LaravelでWebスクレイピングするため、ライブラリである「FriendsOfPHP/Goutte」をインストールする。 LaravelのバージョンはLaravel6.20。 インストール $ composer require fabpot/goutte 以前のLaravelのバージョンではconfigファイルを設定する必要があるが、Laravel5.5以降はAutoDiscoveryがあるのでそのまま使える。 ...
テキスト下に蛍光色ラインマーカーをCSSで作る（改行対応）
改行されているテキストにも対応できるCSSによるラインマーカーの作成。 以下、コード。 HTML <p> テキストテキストテキストテキストテキスト<br /> <span class="line-marker">テキストテキストテキストテキストテキスト<br /> テキストテキスト</span>テキストテキストテキスト<br /> テキストテキストテキストテキストテキスト </p> CSS .line-marker { background: linear-gradient(transparent 70%, #FDDEB3 0%); display: inline; padding: 0 2px 4px; }
ngrokでDockerのローカル開発環境を簡単にWEB公開する方法
ローカル開発環境の状況をクライアントへ確認してもらいたい時、もしくは複数端末でブラウザ確認したい時は多々ある。 しかし、ちょっと確認してもらえればいいのに、いちいちテスト環境用のサーバを用意してにアップロードするのは面倒。 ...