[NuxtJS]Vuetifyのv-btnをnuxt-linkとして使う方法 プログラミング / NuxtJS、Vuetify.js / 2022年6月30日 2022年6月30日 NuxtJSでVuetifyを使用してv-btnをnuxt-linkにする方法を説明したいと思います。 前提条件 nuxt: ^2.15.7 vue: ^2.6.14 vuetify: ^2.5.5 NuxtJS htt […]
[NuxtJS]環境ごとに設定ファイルを切り替える方法(coross-env) プログラミング / NuxtJS / 2022年6月22日 2022年6月22日 開発環境や本番環境などの環境に応じて変数の設定値の切り替えを行うために「cross-env」というNodeのライブラリを使用してみたいと思います。 これを利用することで、開発、検証、本番環境の設定の切り替えが可能なビルド […]
[NuxtJS]Vuetifyでダークモードとライトモードをスイッチで切り替えてみる プログラミング / NuxtJS、Vuetify.js / 2022年6月20日 2022年6月20日 普段業務系のシステム開発でNuxt＋Vuetifyでフロントエンドの開発をしてるんですが、業務系だとあんまりダークモードってやつを使わずシンプルにライトモードのみで開発を進めていくんですが、やっぱり状況に応じてダークモー […]
[NuxtJS]Dockerfileの作り方 プログラミング / Docker、NuxtJS / 2022年6月17日 2022年6月17日 NuxtJSで作成したプロジェクトでDockerfileを作成してみました。 その時のDockerfileをメモしておきます。 Dockerfileの中身 FROM node:16.13.0 as build-stage […]
[NuxtJS]Nuxt-Authの基本設定 プログラミング / NuxtJS / 2022年6月14日 2022年6月17日 NuxtJSのプロジェクトでnuxt-authというユーザ認証用のライブラリを使用する際の基本設定をメモしておきます。 https://auth.nuxtjs.org/ 前提条件 nuxt: “^2.15.7” vue: […]
[NuxtJS]Vuetifyjsのv-data-tableのグループヘッダーをカスタマイズする プログラミング / NuxtJS、Vuetify.js / 2022年2月21日 2022年2月21日 NuxtJSのVuetify.jsのv-data-tableのレコードをグループ化したときにグループヘッダーをカスタマイズする方法をメモしておきます。 前提条件 vue：2.6.14 nuxt：2.15.8 vuetif […]
[NuxtJS]子コンポーネントのメソッドを実行する プログラミング / NuxtJS / 2022年2月15日 2022年2月15日 NuxtJSでrefsを使用して子コンポーネントのメソッドを実行する方法を説明します。 前提条件 vue：2.6.14 nuxt：2.15.8 vuetify：2.6.1 こちらから今回のソースコードを確認できます。 h […]
[NuxtJS]Vuetifyjsのデフォルトフォントを変更する ソフトウェア開発、プログラミング / NuxtJS、Vuetify.js / 2022年2月15日 2022年2月15日 NuxtJSのUI frameworkでVuetify.jsを選択すると、Vuetify.jsのデフォルトのフォントには「Robotoとsans-serif」が設定されているんですが、日本語のフォントがあまり綺麗じゃない […]
[NuxtJS]一度だけ画面を再描画(location.reload)する プログラミング / NuxtJS、Vue.js / 2022年2月10日 2022年2月10日 画面を一度だけlocation.reload()を使用して再描画する方法を説明します。 前提条件 vue：2.6.14 nuxt：2.15.8 こちらから今回のソースコードを確認できます。 https://github. […]
[NuxtJS]watchオプションを使用してデータが変更されたか監視する ソフトウェア開発、プログラミング / NuxtJS、Vue.js / 2022年2月9日 2022年2月9日 特定の変数の値を監視して値が変化したことを検知するwatchオプションというものがデフォルトで提供されています。watchオプションに監視対象の変数の名前と値が変化した時に処理する内容を実装します。古い値と新しい値を受け […]
