NuxtJS

プログラミング

[NuxtJS]サーバから取得したファイルをダウンロードする方法

NuxtJS のクライアント側からサーバー側へ API を実行してファイルを取得し、そのファイルをダウンロードさせる実装...
プログラミング

[NuxtJS]Vuetify の v-btn を nuxt-link として使う方法

NuxtJS で Vuetify を使用して v-btn を nuxt-link にする方法を説明したいと思います。 前...
プログラミング

[NuxtJS]環境ごとに設定ファイルを切り替える方法( coross-env )

NuxtJS で開発環境や本番環境などの環境に応じて変数の設定値の切り替えを行うために「 cross-env 」という ...
プログラミング

[NuxtJS]Vuetify でダークモードとライトモードをスイッチで切り替えてみる

普段業務系のシステム開発で NuxtJS + Vuetify でフロントエンドの開発をしてるんですが、業務系だとあんまり...
プログラミング

[NuxtJS]Dockerfile の作り方

NuxtJS で作成したプロジェクトで Dockerfile を作成してみました。 その時の Dockerfile をメ...
プログラミング

[NuxtJS]Nuxt-Auth の基本設定

NuxtJS のプロジェクトで nuxt-auth というユーザ認証用のライブラリを使用する際の基本設定をメモしておきま...
プログラミング

[Vuetify]v-data-table のグループヘッダーをカスタマイズ

NuxtJS の Vuetify の v-data-table のレコードをグループ化したときにグループヘッダーをカスタ...
プログラミング

[NuxtJS]子コンポーネントのメソッドを実行する

NuxtJS で refs を使用して子コンポーネントのメソッドを実行する方法を説明します。 前提条件 vue : 2....
ソフトウェア開発

[NuxtJS]Vuetifyjs のデフォルトフォントを変更する

NuxtJS の UI framework で Vuetify.js を選択すると、 Vuetify.js のデフォルト...
プログラミング

[NuxtJS]一度だけ画面を再描画( location.reload )する

NuxtJS で location.reload() を使用して画面を一度だけ再描画する方法を説明します。 前提条件 v...