PostgreSQLでインデックスを設定したカラムに対し、LIKE演算子を使って「部分一致（'〇〇%'）」で取得しようとしたが、INDEXが機能しない。 create index on m_user (name) Indexの対象はユーザーマスタテーブルの「name」カラム。 WHERE句でカラムに対し「…

久々にJAVA案件へ復帰するため、Windows機を引っ張り出して開発環境を準備してみたました。 IDEはEclipse-STS・・・つまり、フレームワークは「Spring」です。DBはPostgreSQLを使うのですが、pgAdminをインストールしてびっくり。コンソールが良い意味でがら…

経緯 Udemy学習講座「最短で学ぶReactとReduxの基礎から実践まで」のコース内容６を消化するため、記載する必要なパッケージのインストールをyarn addコマンドでインストールしようとしたが、エラーが発生しインストールに失敗した。 開発環境 ・yarn ｖ1.22…

Vue.js案件の開発でMac端末が必要になったので、久々に初期化されたMacBookAirを引っ張り出して下記の手順で環境構築を行ったらエラーが発生。 備忘録として、手順を残すことにした。 ①Visual studio Codeのインストール code.visualstudio.com ②Node.jsのイ…

問い合わせフォームに「クリア」ボタンを追加しました。 <div class="text-center"> <v-btn :loading="contactForm.loading" :disabled="!contactFormValidation.valid" @click="sendMail()" class="mt-4 ma-2 font-weight-bold" color="info" large >{{ submit }} </v-btn> </div>

トップ上部を「カルーセル」表示に切り替えました。 vuetifyjs.com data関数にカルーセルの画像を切り替えるアイテムを定義してあげる。 <v-carousel> <v-carousel-item v-for="(item,i) in items" :key="i" :src="item.src" reverse-transition="fade-transition" transition="fade-transition"> ･･･ ･･･ </v-carousel-item></v-carousel> <script> data: () => ({ items: [ { src…

Vuetify（ヴューティファイ) こんにちわ。あろぅです。今日はVue.jsの学習の延長で、マテリアルUIの「Vuetify」を使って自身のポートフォリオサイトを作ろうと思います。 就活時代、自己PRの目的で自身のHP（静的ページ）を作ったことはありましたが、今は当…