devsakaso

Nuxt.jsで内部と外部リンクを設定する方法を紹介します。

Nuxt.jsのroutingの仕組みの基本的なことをまとめました。

Nuxt.jsの3つのモード(SSR、SPA、プリレンダリング)のメリットとデメリットについて紹介します。

Nuxt.jsは、Vue.js上で動く強固なモジュール機能をもったフレームワークです。
Nuxt.jsを使うメリットを紹介します。

JavaScriptの!!(エクスクラメーション)２つの意味について紹介します。

JavaScriptの!!(エクスクラメーション)２つの意味…

2021年6月12日

vuexを使っていてリロードされた場合、表示しておいてほしい情報でもstateがリセットされてしまって、表示できなくなります。
vuex-persistedstateというプラグインを使うとstateの情報 ...

フリーソフトなどダウンロードせずに、Macで画像を簡単にリサイズする方法を紹介します。

2021年6月3日

CSSの詳細度が高いと、CSSが適用される優先順位が高くなります。

CSSでは、いろんな書き方で指定できるため、CSSの詳細度を理解して優先順位を操作できるようになりましょう。

VueでSASS(SCSS)が使えないときの対処方法を紹介します。
VueでSASS(SCSS)が使えないときの対処方法は・・・

Vue.jsで作成したフロントエンドをNetlifyで公開するときに.envの環境変数が読み込まれないときの対処方法です。

Vue3 CompositionAPIでクリップボードにコピーする方法を紹介します。

2021年5月26日

ES6であたらしくSetとmapというデータ構造が追加されました。
Setの使い方と具体例をみていきましょう。

Firebaseのhostingサービスを利用すると、`.firebase/hosting..cache`というキャッシュファイルが作成されます。
プロジェクト自体には不要なため、.gitignroeファイ ...

2021年5月25日

Firebaseの基本的な使い方をまとめました。

Vue.jsアプリを作成した後でFirebaseを利用する場合Firebaseでプロジェクトを作成するFirebaseプロジェクトを作成します。

Error: firestore.indexes.json does not existが出たときの対処方法を紹介します。

firebaseのfirestoreをアプリケーションで利用しているときに、ログアウトすると、snapshot listenerのエラーが次のように出た場合の対処方法です。

Uncaught Error in ...

2021年5月22日

プリミティブ型(primitives)とオブジェクト型(objects)についてまとめました。
プリミティブ型とオブジェクト型で値を変更したとき、どのような結果になって、なぜそれが異なる結果になるのか、理解 ...

vuex-persistedstateで永続化したstateデータを初期化する方法を紹介します。

vuex-persistedstateで永続化したstateデータを初期化する方法

src/store/i ...

routerファイルからVuexのstoreにアクセスする方法を紹介します。

Firebaseのfirestoreでは、ドキュメントのユニークなIDを自動生成することができます。
ドキュメントを追加する前に自動生成IDを取得できれば、ドキュメントの中にも入れることができて便利です。 ...

Vue.jsでウィンドウサイズ(デバイス幅)変更を検知する方法を紹介します。
コンポーネントの切替などにも使えます。

2021年5月18日

JavaScriptのsort()メソッドの使い方と昇順・降順のやり方をまとめました。

sort()メソッドの基本的な使い方

sort()メソッドはオリジナルの配列をソートします。
すべての配列要 ...

Vue.jsでSVGをアニメーションさせる方法を紹介します。

Vue.jsのtransitionコンポーネントnameを動的にして使う方法を紹介します。
特に次へ、前へ、上へ、下へなどの似たようなアニメーションを設定する際に使います。

Vue.js V3(composition API)でカルーセルスライダーを作る方法を紹介します。

SVGファイルをCSSでレスポンシブにする方法を紹介します。

おしゃれなSVGファイルを無料で扱っているunDrawのSVGファイルを、無料から使えるデザインツールであるFigmaで加工して、SVGファイルをCSSでアニメーションさせるための下準備の手順を紹介します。 ...

Vue.jsで動的なsrc属性を作成してうまく画像が表示されないときの対処方法です。

Vue.js(Vue v3)で要素がスクロール画面に現れたらアニメーションさせる方法を紹介します。

IntersectionObserverを使います。

Vue.js(Vue v3)で要素がスクロ ...

SCSS(SASS)のfor文を使って、background-imageで画像配列をループさせる方法を紹介します。