JavaScript

JavaScriptで親要素のIDをループで遡って参照する

JavaScriptで親要素のIDを参照して存在すればtrue存在しなければfalseみたいな処理を実装したい時がありました。今回は取得した要素から親要素を辿っていって該当のIDが存在するか判定する処理を書いていきます。 […]
Laravel

Laravelクエリビルダを使って条件分岐をSQLのCASE式で実行する

PHPで条件分岐を行う際は大方if分を使用するかと思いますが集計機能を実装する際にorderByをしたいがあるテーブルでは値を文字列で保存しており違うテーブルでは数値で保存しているといったケースがたまにあります。そういう […]
JavaScript

Vue + Mittでグローバルでイベントを取得できるようにする

Vue.jsで直接の親子関係がないコンポーネント間でデータのやりとりをしたい時がありました。Vuexでやれよと言われたらそれまでですが、Vuexに頼りたくなかったこともあり、今回Mittというライブラリを使用してグローバ […]
CSS

文字数を省略して末尾に[…]を表示する

見出しやタイトル等で長い文字列の文末を3点リーダー「…」にして省略すること方法を紹介します。 CSSでの対応方法 JavaScript
Laravel

Call to a member function map() on arrayというエラーが出た時の対処法

PHP(Laravel)でmapメソッドを使用した時に以下のエラー文が表示された際の対処法を紹介します。 原因 Laravelのmap()はコレクション配列で使用することができるメソッドです。なので配列でmap()メソッ […]
JavaScript

JavaScriptの配列を降順、昇順に並べ替える

JavaScriptの配列を降順、昇順に並べ替える方法を備忘録で残しておく。 配列を大きい順に並べ替える（降順） 結果 配列を小さい順に並べ替える（昇順） 結果
Laravel

JavaScriptの配列をオブジェクトに変換する

JavaScriptの配列をオブジェクトに変換する方法をよく忘れるのでメモで残しておく やりたいこと 配列からオブジェクトに変換する以下のようにIDの入ったオブジェクトの配列をAPIで受け取った時にIDをkeyとしたオブ […]
JavaScript

【Vue.js】propsの値を検知してコンポーネントを再レンダリングさせる方法

Vue.jsでpropsの値が変更されたら子コンポーネントを再マウントさせたい場面に出くわしたので備忘録を残しておきます。 Vue.jsの子コンポーネントをリロード・再レンダリングさせる方法 以下の記事を参考にすることで […]
JavaScript

【JavaScript】value値からJSONにデータが存在するか判定する

jsonデータにてvalue値が存在するか判定したい場合の方法を残しておきます。 value値からJSONにデータが存在するか判定する Object.entries(obj)関数によって、[key, value]のペアが […]
Laravel

Laravelのヘルパ関数をカスタマイズ・追加する

Laravelで自作のヘルパ関数を作成したり既存のヘルパ関数をカスタマイズしたい時などの方法を備忘録で残しておきます。 自作のヘルパ関数を作成する 自作のヘルパ関数は任意の作成したヘルパ関数をautoloadで読み込むと […]