2023年9月5日 / 最終更新日時 : 2023年11月23日 admin Vue.js（主にNuxt.jsとVuetify） Nuxt BridgeをNuxt3に移行。vue-toast-notificationかvue-toastificationを導入 toast（通知が一定時間表示されて消えるやつ）を導入します。 @nuxtjs/toastは、現段階でNuxt3に対応してなさそうなので、選定から始めます。 前回：Nuxt BridgeをNuxt3に移行。nuxt-au […] Nuxt3Nuxt3移行toastVue3バージョンアップ通知
2023年9月3日 / 最終更新日時 : 2023年11月24日 admin Vue.js（主にNuxt.jsとVuetify） Nuxt BridgeをNuxt3に移行。nuxt-authを導入 Nuxt3で@sidebase/nuxt-authのlocalの挙動を調べてみた で決めた方針（APIリクエストは自前でして、@sidebase/nuxt-authの状態管理のみ使用する）に従って対応して行きます。 前回 […] Devise Token AuthNuxt3Nuxt3移行Vue3バージョンアップ認証
2023年9月1日 / 最終更新日時 : 2023年11月24日 admin Vue.js（主にNuxt.jsとVuetify） Nuxt3で@sidebase/nuxt-authのlocalの挙動を調べてみた Nuxt BridgeをNuxt3に移行中。@nuxtjs/authがまだPlannedで、@sidebase/nuxt-authが推奨されていますが、挙動がかなり違うので、調べてみました。 Roadmap · Nuxt […] Devise Token AuthNuxt3Nuxt3移行Vue3バージョンアップ認証
2023年8月28日 / 最終更新日時 : 2023年11月23日 admin Vue.js（主にNuxt.jsとVuetify） Nuxt BridgeをNuxt3に移行。injectを書き換える。utilsとの違い injectの書き方が変わっているので修正します。序でにTypeScriptへの変更も。 utilsでも対応可能なので、違いや使い所も確認しておきます。 前回：Nuxt BridgeをNuxt3に移行。$axiosをFe […] injectNuxt3Nuxt3移行utilsVue3バージョンアップ
2023年8月27日 / 最終更新日時 : 2023年11月24日 admin Vue.js（主にNuxt.jsとVuetify） Nuxt BridgeをNuxt3に移行。$axiosをFetch APIに書き換える。nuxt-lodashを導入 $axiosは廃止されたようなので、Fetch APIに書き換えます。少ない修正量を目指します。 nuxt-lodashも必要になったので、ここで導入しておきます。 前回：Nuxt BridgeをNuxt3に移行。vee […] Fetch APIlodashNuxt3Nuxt3移行vee-validateVue3バージョンアップ
2023年8月26日 / 最終更新日時 : 2023年11月22日 admin Vue.js（主にNuxt.jsとVuetify） Nuxt BridgeをNuxt3に移行。vee-validateを導入 vee-validateのエラーが出ているので、vee-validate4を導入して、コードを修正します。 前回：Nuxt BridgeをNuxt3に移行。先ずはVuetifyでページが表示される所まで Nuxt3Nuxt3移行vee-validateVue3バージョンアップ
2023年8月25日 / 最終更新日時 : 2023年11月24日 admin Vue.js（主にNuxt.jsとVuetify） Nuxt BridgeをNuxt3に移行。先ずはVuetifyでページが表示される所まで VuetifyもVue3に対応（一部除く）したようなので、Nuxt BridgeからNuxt3へのアップグレードしてみました。 変更が多くかなり大変なので、何回かに分けてナレッジをメモしていきます。 対象は、Nuxt.j […] Nuxt3Nuxt3移行Vue3Vuetifyバージョンアップ
2023年7月7日 / 最終更新日時 : 2024年11月17日 admin Vue.js（主にNuxt.jsとVuetify） (Vuetify2)v-autocomplete：無駄なAPIリスクエストをせずにサジェストを表示する 選択肢が少ない場合はセレクトボックス(v-select)で良いのですが、数が多い場合はサジェスト(suggest)して選択させた方が良いですよね。 候補はいくつかありますが、最終的にv-autocompleteを使用する […] APINuxt.jsVuetify
2023年4月23日 / 最終更新日時 : 2023年4月27日 admin Vue.js（主にNuxt.jsとVuetify） vee-validateにカスタムバリデーションを追加して使用有無を制御する APIでは不正値が保存されないように必ずバリデーションを掛けますが、フロントは任意。 でも、あった方がユーザーが入力段階で気付けるのと、無駄なAPIリクエストを抑制できる。 フロントだけで完結できるものは追加した方が、親 […] Nuxt.jsvalidates
2023年1月31日 / 最終更新日時 : 2023年2月1日 admin Vue.js（主にNuxt.jsとVuetify） 既存のRails環境でNuxt.js(CSR)を動かす（URL直打ちすると404になる件の対応） 既存サイトのフロントとAPIの分離を目的にNuxt.js（CSR）を導入しました。 ドメインやインフラは変えずにRailsが動いている環境で動かしたい。 簡単なのはRailsのpublicにgenerateで作成したHT […] CircleCINuxt.jsyarn環境構築