Advertisements
Vue.js

Vue3 + Viteでmaterial iconを使う

みんな大好きmaterial design icon(マテリアルアイコン) をVue3とViteの環境で使ってみたので、その備忘録。 Vite .config.jsに追記するのかと思っていたら、不要でした。やり方は全部こちらに書いて...
nuxt.js

Nuxt.jsでスクロールアニメーションを入れる- ライブラリ Animated on Scroll (AOS)

明けましておめでとうございます。 フロントエンドエンジニアリングを勉強する前はjQuery多用ユーザーだったので、VueではjQuery使わないの?えっじゃあアニメーションとかコーディングしなきゃいけないの!?と慌てふためく脆弱エン...
nuxt.js

Nuxt.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.js

NuxtにSass-loaderを導入する

NuxtだってScssを使いたい。というわけで入れます。 Webpack確認 今回Nuxt2系(v2.15.8)を入れたのですが、Webpackはデフォルトでv4が入るのでしょうか。sass-loaderのv11.0.0以降は...
Vue.js

vue3 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さんがシングルクォーテーション('')をダブルクォーテーション("")に変えてくれていました(嫌味)。どちらがいいかはまあ…宗派や使用しているツールに依る思いますが、...
Advertisements
タイトルとURLをコピーしました