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