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