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