CATEGORY
Vue.js
Vue.jsに関する基礎、実装例、トラブル解決の記事をまとめています。
Nuxt.jsの3つのモード(SSR、SPA、プリレンダリング)のメリットとデメリットについて
Nuxt.jsの3つのモード(SSR、SPA、プリレンダリング)のメリットとデメリットについて紹介します。
vuexでリロードされても情報を永続化できるvuex-persistedstateの使い方
vuexを使っていてリロードされた場合、表示しておいてほしい情報でもstateがリセットされてしまって、表示できなくなります。 vuex-persistedstateというプラグインを使うとstateの情報を永続化できます。 vuex-persistedstateの使い方をまとめました。
VueでSASS(SCSS)が使えないときの対処方法(グローバル での読み込み)
VueでSASS(SCSS)が使えないときの対処方法を紹介します。 VueでSASS(SCSS)が使えないときの対処方法は・・・
Vue.jsで作成したフロントエンドをNetlifyで公開するときに.envの環境変数が読み込まれないとき
Vue.jsで作成したフロントエンドをNetlifyで公開するときに.envの環境変数が読み込まれないときの対処方法です。
Firebaseの使い方 – プロジェクト作成からVue.jsでデプロイするまで
Firebaseの基本的な使い方をまとめました。 Vue.jsアプリを作成した後でFirebaseを利用する場合 Firebaseでプロジェクトを作成する Firebaseプロジェクトを作成します。 プロジェクト名を入力…
Error: firestore.indexes.json does not existが出たときの対処方法
Error: firestore.indexes.json does not existが出たときの対処方法を紹介します。
Uncaught Error in snapshot listener: FirebaseError: Missing or insufficient permissions.
firebaseのfirestoreをアプリケーションで利用しているときに、ログアウトすると、snapshot listenerのエラーが次のように出た場合の対処方法です。 Uncaught Error in snaps…
vuex-persistedstateで永続化したstateデータを初期化する方法
vuex-persistedstateで永続化したstateデータを初期化する方法を紹介します。 vuex-persistedstateで永続化したstateデータを初期化する方法 src/store/index.jsに…
【Vuex】Firebaseのfirestoreのドキュメント自動生成IDを事前取得して追加する方法
Firebaseのfirestoreでは、ドキュメントのユニークなIDを自動生成することができます。 ドキュメントを追加する前に自動生成IDを取得できれば、ドキュメントの中にも入れることができて便利です。 ドキュメント追加前に自動生成IDを取得する方法を紹介します。
Vue.jsのtransitionコンポーネントnameを動的にして使う方法
Vue.jsのtransitionコンポーネントnameを動的にして使う方法を紹介します。 特に次へ、前へ、上へ、下へなどの似たようなアニメーションを設定する際に使います。
Vue.jsで要素がスクロール画面に現れたらアニメーションさせる方法
Vue.js(Vue v3)で要素がスクロール画面に現れたらアニメーションさせる方法を紹介します。 IntersectionObserverを使います。 Vue.js(Vue v3)で要素がスクロール画面に現れたらアニメ…
Vue 3でスクロールすると出てくる「トップへ戻る」ボタンの作り方
Vue.jsのv3(composition APO)でスクロールすると出てくる「トップへ戻る」ボタンの作り方を紹介します。
Vue.js v2の基本操作まとめ
Vue.jsの基本操作についてまとめました。 Vue.jsの基本操作まとめ v-on v-onは@で省略可能です。 See the Pen v-on:click by Sosak (@Sosak2021) on Code…
Vue.jsのtransitionでJavaScriptフックを使ってより複雑なアニメーションを適用する
Vue.jsのtransitionでJavaScriptフックを使ってより複雑なアニメーションを適用する方法を紹介します。
Firebase+Vue.js(Vue2 Options API)でログイン/サインアップフォームを作成する
Firebase+Vue.js(Vue2 Options API)でログイン/サインアップフォーム作成する方法です。 ログインとサインアップ（アカウントの新規作成）の機能があり、ログインやサインアップに失敗するとエラーメッセージが表示されます。
Vue.jsでJSON Serverを使う
Vue.jsでJSON Serverを使う方法をまとめました。 JSON ServerはAPIモックサーバーです。 ローカル環境からAPIが使えない場合などに使います。