Laravelで特定のテーブルのcreated_atカラムの値を検索対象にした時、「指定日以前（指定日と同じかそれより前）」という条件でヒットしてくれず、 指定日より前の値だけが検索結果にヒットする場合。 おそらくwhereを使って検索している。 whereDateで検索すべし。 ただのwhereになっているパターン ...

選択肢をブラウザ上で選ぶときは日本語の名前から選択するけど、 選ばれたものをポストするときには、IDをapiに送信したい！ みたいな場合。 完成イメージ↓ this.operatorsの中身が、こんな感じだとする↓ 表示上はID、選択肢としてはnameを表示したい。 <v-autocomplete v-model...

いろんな記事を見たが、自分の乏しい理解力ではもっと細かく説明してほしいとおもった ので、導入方法から使い方までまとめる。 ※この記事はVue2の書き方なので、Vue3の場合はこちらを参照 https://ketukara.com/programing/vue-js/3222/ インストール まずはプロジェクトディレクト...

突然だが、このサイトにアクセスしてGoogleアカウントでログインしてほしい。↓↓ Google広告設定 これは、検索履歴その他もろもろからあなたがどんな人間かをグーグルが判断した結果である。 Google お、こいつは25～34 歳の男性でカメラが好きなんか こいつの買いそうな商品の広告を表示したろ こんな具合...

検索結果のキーワード（クエリ）一致部分をハイライトする（色を付ける）方法 Vue Text Highlight というライブラリを使う。 準備 前提条件として、検索機能は実装済みとする。 インストール アプリのプロジェクトディレクトリ内で npm install --save vue-text-highlight と叩...

たぶん最近のモデルは4096アカウント。 　QNAP NAS製品の利用人数や同時接続数等についての最大数は下記の通りです。 TS-X79シリーズ TS-X70シリーズ TS-X69シリーズ TS-41Xシリーズ (*1) TS-21Xシリーズ TS-11Xシリーズ (*1) 最大ユーザーアカウント数 4096 2048...

対処法 一度「メディアを追加」を×で閉じて、アイキャッチ画像を選んで、メディアライブラリタブを開く。 ↓メディアライブラリのタブを選択して、閉じる ↓もう一度「メディアを追加」を選択すると復活している。 原因 下記の2つのプラグインのどっちか、もしくは相互作用による原因っぽい感じがする。 The Paste 「貼り付...

・クリックで該当のオブジェクトに関する情報だけが展開するtoggleを作成する ・全部のオブジェクトのトグルが一緒に開くような愚行は許さない ・クリックすると矢印のアイコンは逆向きになる オブジェクト配列stocksを回す <span v-for="stock in stocks" :key=...

Material Design Iconsというサイトがある。 ここから探す。（アイコンは英語で検索） Material Design Icons 例えばごみ箱のアイコンならtrashと検索する。 好きなアイコンを選択すると、 import { mdiTrashCanOutline } from '(http...

this.$router.push({name: '移動先コンポーネントの名前', params: {キー名: "値"}}) で可能。 投稿後にアーカイブページに移動して、「投稿しました」って表示 ログインにアカウントページに移動して、「ログインしました」って表示 ログアウトペー...

インターホンを鳴らしてくれない（録画データが残っていない） 置配指定を無視される 宅配ボックスがあるのに入れてくれない 運送会社が不在票だけポストに残して帰ってしまうことがある！ これはわざとやっているわけではなくて、運送会社側にも理由があるので対策方法と合わせて中立の立場で説明します。 ちなみに筆者は昔運送会社のコー...

propsで受け取った内容をhtmlに{{hoge}}と書いて使うのではなく、javascriptで使いたい場合はどこで呼び出すべきか export default { props: { singleId: { type: Number, }, }, created() { this.getInquiryData(th...

app.js:7075 Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'hoge') みたいなエラーが出る場合 アロー関数使え。 アローじゃない関数使ってたらthis.で定義した内容は使えな...

フォルダを作成しようとすると「データのロード中です。お待ちください...」の画面から進まない。 「手動でパスを入力する」から確認すると、作りたいフォルダと同じ名前のパスが残っている。 しかし、それを選択して作成を試みても The following path is already used by an encrypte...

::v-deepをCSS側で付与して解決。 ↓こんな感じ。 .thumbnail { flex-grow: 1; object-fit: cover; max-height: 150px; max-width: 300px; margin: 0.2rem; border-radius: 4px; } ::v-deep ...

ファイルをストレージに保存してくれるメソッド。 storage/appの下に保存される。 それより下の階層については第一引数に書いて指定する。 storeAsの例 こんな感じ。 $request->file('files')->storeAs('private/img&#039...

Elements in iteration expect to have 'v-bind:key' directives.eslint-plugin-vue vueファイルをVSコード(Visual Stuio Code)で編集していてこのエラーが出たら。 :key=〇〇が抜けていると思われる。 //Hoge.vue編...

AirTagで探せるようにする 大切なものを持ち出さなくていい仕組みを作る スマートウォッチかスマートスピーカーでスマホを鳴らせるようにする 毎年10個以上ものを必ず失くす私が、これだけで物を失くす頻度が劇的に下がりました。（0になったとは言っていない） 今回は、年間4万円分の所持品を紛失する自分が、AirTagの...

全部ばらばらにメモしてたけど、探すの面倒くさくなってきたからここにまとめて書く。 また他のパターンもあればこの記事にどんどん追加する予定。 親コンポーネントから子コンポーネントに変数を渡す方法 propsを使う。 //Oya.vue <Ko :hoge="fuga"/> //中略 dat...

自作PCを使っていたり、アンドロイドの良さ・コスパを知っている俺がたまたま手元にあるApple製品を正直にレビューするぜ！ もちろん自腹でそろえたものなので商品を必要に褒めることはしない。 Appleは俺に商品提供してくれたら褒めてやってもいいぞ？ これの記事はエアプではなく、実際に自分で製品を買って長期間使った上...