Vue.jsVue3 + Viteでmaterial iconを使う
みんな大好きmaterial design icon(マテリアルアイコン) をVue3とViteの環境で使ってみたので、その備忘録。 Vite .config.jsに追記するのかと思っていたら、不要でした。やり方は全部こちらに書いて...
プログラミング
Vue.js
nuxt.jsNuxt.jsでスクロールアニメーションを入れる- ライブラリ Animated on Scroll (AOS)
明けましておめでとうございます。 フロントエンドエンジニアリングを勉強する前はjQuery多用ユーザーだったので、VueではjQuery使わないの？えっじゃあアニメーションとかコーディングしなきゃいけないの！？と慌てふためく脆弱エン...
nuxt.jsNuxt.js でsanitize(サニタイズ)
Nuxt.jsでv-htmlを使用したら,xss 脆弱性を招くのでご遠慮くださいと怒られました。 WARN Compiled with 1 warnings ...
nuxt.js[Nuxt.js]2.9以上 Google material icon（マテリアルアイコン）を使う
久しぶりにみんな大好きGoogle fonts.のmaterial icon(マテリアルアイコン) をNuxt（@nuxt/cli v2.15.8）で使おうと思ったら、変なところでハマりました。やり方は全部こちらに書いてありますが、インス...
nuxt.jsNuxtにSass-loaderを導入する
NuxtだってScssを使いたい。というわけで入れます。 Webpack確認 今回Nuxt2系（v2.15.8）を入れたのですが、Webpackはデフォルトでv4が入るのでしょうか。sass-loaderのv11.0.0以降は...
Vue.jsvue3 componentの読み込み方
親要素からcomponent（コンポーネント）を読み込むときの手順を、復習。 まずは子componentを作成 コンポーネントはキャメルケース。component/ChildComponent.vue <templ...
Vue.js[vue3]main.jsでの.use()つなぎ方によるエラー
Vue3 + viteでvuexの設定をいじっている時に、エラーが出たのでその備忘録。エラー文Uncaught (in promise) TypeError: Cannot read properties of undefined (re...
Vue.js[Vue.js]続・Viteを導入してみる
以前の記事でvueでviteを導入する方法を書いたのですが、 新しいタブで開く) npm create vite でプロジェクト作成した時はstoreやらrouteやらを自分で入れなければいけないみたいですね。というわけで...
Vue.js[Vue.js]Viteを導入してみる
早い早いと話題のVite(ヴィート)。フランス語で「素早い」の意味らしいです。Webpackではアプリケーション起動前に、アプリ全体を走査し依存を解決→バンドルしたソースを出力という流れだったのに対し、ViteはNative ESModu...
VSCode[VSCode, Prettier]勝手にダブルクォーテーションにしないで
VSCodeでプロジェクトをクローンしてきたら、保存時にPrettierさんがシングルクォーテーション（''）をダブルクォーテーション（""）に変えてくれていました（嫌味）。どちらがいいかはまあ…宗派や使用しているツールに依る思いますが、...