Vue.jsvue3 componentの読み込み方
親要素からcomponent（コンポーネント）を読み込むときの手順を、復習。 まずは子componentを作成 コンポーネントはキャメルケース。component/ChildComponent.vue <templ...
プログラミング
Vue.js
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さんがシングルクォーテーション（''）をダブルクォーテーション（""）に変えてくれていました（嫌味）。どちらがいいかはまあ…宗派や使用しているツールに依る思いますが、...
JavaScriptSourceMap(ソースマップ)ってなんぞ
gulpを使ってみて、gulp-sourcemapsというモジュールが便利そうだったので調べたことをメモ。そもそもSouceMapとは何か。 ソースマップとは ブラウザで利用されているJavaScriptはコンパイルされている...
VSCodeGoogle 構造化データの解析エラー:「}」またはオブジェクト メンバーの名前がありません
Google 構造化データの解析エラー:「}」またはオブジェクト メンバーの名前がありません サイトの情報を構造化データとしてheaderに入れておくことで、Google検索結果で魅力的に表示されやすくなる手法、構造化データマークア...
nuxt.js[Nuxt.js]雑記。Createdとmounted、$elと$refなど
Nuxt.jsのCreatedとmounted、$elと$refについての備忘録。Nuxtについて調べていると、Vue.jsのドキュメントの方が充実しているため、Nuxtでの適用方法が分からなかったりする。基本的にはVue.jsと同じ仕組...
nuxt.js[Nuxt.js]FusionCharts導入覚書 – Vueフレームワーク編
前回書いたFusionCharts導入覚書 - Plain javascript編のvueバージョンです。 以前はVueフレームワークバージョンのfusionChartsを使うと動かなかったのですが、大先輩の偉大な助けに...
nuxt.js[Nuxt2]初期設定備忘録
nuxt.jsのプロジェクトを作成するたびに前回の作成から時間が空いてしまい、「あれ初期設定どうしてたっけ」となりがちなので自分用に備忘録。 OS MacOS Monterey 12.1Node v16.2.0npm 7.20.0N...