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