Nuxt.jsで静的なHTMLファイルを設置する
Nuxt.jsでrobots.txtやfaviconなど静的なアセットファイルを使用したい場合、staticディレクトリ...
Vue.jsの記事一覧
vuex-persistedstateでlocalStorageとsessionStorageを併用する
vuex-persistedstateを使用した際に、データによってsessionStorageとして保存したい時とlo...
vuex-persistedstateを使ってみる
Vue.jsでの状態(データ)管理に使用されるVuexですが、ブラウザのリロードなどを行うとデータは消えてしまいます。 ...
Vuexを使ってみる
Vue.jsでの状態(データ)を一括で管理するためのライブラリ「Vuex」を使ってみます。 今回はVue CLIの環境で...
Vue.jsでコンポーネント間でデータのやり取りをする
Vue.jsで親子のコンポーネント間でデータのやり取りをする方法を試してみます。 使用しているVueのバージョンは2系に...
v-forで複数の要素をループする
Vue.jsで単一要素のループではなく、複数要素のブロックをループさせたいということがたまにあるので、その際のループ方法...
Vue CLIでTailwind CSSを使用する
Vue CLIとTailwind CSSを組み合わせて使ってみます。...
Vue CLIを使ってみる
Vue.jsのアプリケーション開発環境として、Vue.js公式から提供されているコマンドラインツール「Vue CLI」を...
Vue.jsのwatchを使ってみる
Vue.jsのwatchを簡単に試してみます。...
Nuxt.jsでRSSフィードを作成する
RSSフィードを作成する機会があったので、@nuxtjs/feedの設定方法を試してみます。...
Nuxt.jsでsanitize-htmlを使ってみる
Nuxt.jsでサニタイズすることがあったので、sanitize-htmlの設定方法をメモ。 sanitize-html...
VeeValidateでバリデーションのタイミングを変更する
Vue.jsのライブラリのVeeValidateを使用した際、バリデーションのタイミングを調整したいということがあったの...
Nuxt.jsでエラーページの対応をする
Nuxt.jsでエラーページの設定をする方法をメモ。...
VeeValidateのValidation Observerを使ってみる
VeeValidateのValidation Provideを使ったバリデーションは以前Vue.jsの記事やNuxt.j...
Nuxt.jsでお問い合わせフォームを作成する
Nuxt.jsを使って、確認画面を挟むタイプのお問い合わせフォームの処理を実装してみます。...
Nuxt.jsでdate-fnsを使ってみる
@nuxtjs/date-fnsを使って、Nuxt.jsで日付の処理を行ってみます。...
Nuxt.jsでGTMを追加する
Nuxt.jsでサイトを構築する際に、Googleタグマネージャ(GTM)を追加する方法をメモ。...
Nuxt.jsでstoreを使用する
Nuxt.jsのstoreディレクトリを簡単に使ってみます。 今回はNuxt 2を使用しています。...
Nuxt.jsでVeeValidateを使ってみる
Nuxt.jsでVeeValidateを使う際に少し詰まる点があったので、設定方法をメモしておきます。...
VeeValidateを使ってみる
フォームのバリデーションを実装できるVue.jsのライブラリ「VeeValidate」を使ってみます。...