Laravel 【Laravel】中間テーブルのカラムに対して検索をかけたい時【whereHas】
タイトル通りだが、まずはやりたいことの説明
やりたいこと
リレーション先の中間テーブルのカラムの値に対して検索をかけたい。
状況
menus、stores、menu_store（中間テーブル）とうテーブルを作成して...
プログラミング
Laravel 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
原因と...
プログラミング ターミナルコマンドでVS Codeを開く方法
コマンドからVS Codeを開くにはcodeコマンドを使えば良い。
カレントディレクトリをVS Codeで開きたい場合
$ code .
ファイルやフォルダを開きたい場合
$ code somefolder/som...
Vue.js 【Nuxt + Firebase】core.js関連のエラーの原因と解決法
Nuxt + Firebaseで開発をしていて、Firebaseのテストモジュール入れ、開発サーバを起動したらcore.js関連のエラーがずらっと出た。
ERROR Failed to compile with 77 errors...
Vue.js 【初心者向け】Vue.jsのスロットの使い方
Vue.jsのスロットの使い方をざっくり説明する。
開発にはVue CLIを使っている前提で話を進めていく。
スロットコンテンツ
スロットコンテンツでは、親コンポーネントから子コンポーネントへコンテンツを丸ごと渡しあげる...
Vue.js $nextTickでタイミングを遅延させて子コンポーネントにアクセスする
mountedやupdatedを使用してもでは子コンポーネントを全てをマウントしたことは保証しないため、子コンポーネントへアクセスがうまくいかない時がある。
そこ解決するために、$nextTickを使用してDOMの更新サイクル後に処...