Vue.js
Uncaught Error in snapshot listener: FirebaseError: Missing or insufficient permissions.
firebaseのfirestoreをアプリケーションで利用しているときに、ログアウトすると、snapshot listenerのエラーが次のように出た場合の対処方法です。 Uncaught Error in snaps…
CATEGORY
JavaScript
JavaScriptに関する基礎、実装例、トラブル解決の記事をまとめています。
125ARTICLES
JavaScript
JavaScriptにおけるプリミティブ型とオブジェクト型の挙動の差
プリミティブ型(primitives)とオブジェクト型(objects)についてまとめました。 プリミティブ型とオブジェクト型で値を変更したとき、どのような結果になって、なぜそれが異なる結果になるのか、理解しておかないと…
Vue.js
vuex-persistedstateで永続化したstateデータを初期化する方法
vuex-persistedstateで永続化したstateデータを初期化する方法を紹介します。 vuex-persistedstateで永続化したstateデータを初期化する方法 src/store/index.jsに…
Vue.js
【Vuex】Firebaseのfirestoreのドキュメント自動生成IDを事前取得して追加する方法
Firebaseのfirestoreでは、ドキュメントのユニークなIDを自動生成することができます。 ドキュメントを追加する前に自動生成IDを取得できれば、ドキュメントの中にも入れることができて便利です。 ドキュメント追加前に自動生成IDを取得する方法を紹介します。
JavaScript
JavaScriptのsort()の使い方と昇順・降順(並び替え)のやり方
JavaScriptのsort()メソッドの使い方と昇順・降順のやり方をまとめました。 sort()メソッドの基本的な使い方 sort()メソッドはオリジナルの配列をソートします。 すべての配列要素は文字列に変換され、文…
Vue.js
Vue.jsのtransitionコンポーネントnameを動的にして使う方法
Vue.jsのtransitionコンポーネントnameを動的にして使う方法を紹介します。 特に次へ、前へ、上へ、下へなどの似たようなアニメーションを設定する際に使います。
Vue.js
Vue.js v2の基本操作まとめ
Vue.jsの基本操作についてまとめました。 Vue.jsの基本操作まとめ v-on v-onは@で省略可能です。 See the Pen v-on:click by Sosak (@Sosak2021) on Code…
Vue.js
Vue.jsのtransitionでJavaScriptフックを使ってより複雑なアニメーションを適用する
Vue.jsのtransitionでJavaScriptフックを使ってより複雑なアニメーションを適用する方法を紹介します。
Vue.js
Firebase+Vue.js(Vue2 Options API)でログイン/サインアップフォームを作成する
Firebase+Vue.js(Vue2 Options API)でログイン/サインアップフォーム作成する方法です。 ログインとサインアップ（アカウントの新規作成）の機能があり、ログインやサインアップに失敗するとエラーメッセージが表示されます。
Vue.js
Vue.jsでJSON Serverを使う
Vue.jsでJSON Serverを使う方法をまとめました。 JSON ServerはAPIモックサーバーです。 ローカル環境からAPIが使えない場合などに使います。
Vue.js
【Vue】動的にコンポーネントを切り替えたい場合(is属性)
Vue.jsでコンポーネントをv-forでループさせたい場合のやり方を紹介します。 下の例では、tailwindcssでSVGアイコンを使った場合のアイコンコンポーネントをループしてそれぞれ適用させます。
Vue.js
Vue 3でtailwindcssを使う方法
Vue 3でtailwindcssを使う方法です。 Vue 3でtailwindcssを使う方法 vueプロジェクトの作成 vue create プロジェクト名 まずはvueプロジェクトを作成します。 tailwindc…
JavaScript
JavaScriptの基礎文法まとめ
JavaScriptの基礎文法を理解しましょう。 ここではJavaScriptの基礎中の基礎の部分が書かれているので、 しっかりと確認しておきましょう。
JavaScript
JavaScriptの関数を使いこなすために知っておくべき基礎知識
同じ言葉や数字が何度も出てくるとき、それを修正する必要がでたときに大変になります。 また、修正回数に伴ってミスも起きやすくなるという問題もでてきます。 それらの問題を解決するために、関数を使います。 具体的なJavaScriptの関数の使い方を学んでいきましょう。