2021年11月7日 / 最終更新日時 : 2021年11月10日 admin Ruby on Rails

NuxtとRailsアプリ(Devise Token Auth)の結合テストをする

それぞれのアプリでは問題なく動作しても、いざ繋げると細かい所で意図通りに進まない事は良くあります。特にフロントとバックエンドを分けると、問題となるケースは増えそう。 単体テストはユニットテストで担保するとして、結合テスト […]
2021年10月31日 / 最終更新日時 : 2021年10月31日 admin Vue.js（主にNuxt.jsとVuetify）

mixinとinjectでの共通化と可読性を上げる

プロジェクトが進んで行くと同じような処理が複数のファイルに出てきて、共通化したくなってきます。（スコープ分けたかったので、今までは親子componentの分割に留めました） 共通化する事で、可読性が上がり保守・改修コスト […]
2021年10月24日 / 最終更新日時 : 2021年10月23日 admin Vue.js（主にNuxt.jsとVuetify）

Vue.jsにHTMLのautocomplete属性を設定する

ブラウザ側でID・メールアドレスやパスワードを保存してくれるのは便利なのですが、意図しない所（アカウント登録や登録情報変更とか）でも復元されて邪魔だったり、セキュリティ的にここまで復元されると良くなさそうという所もあるの […]
2021年10月16日 / 最終更新日時 : 2021年10月18日 admin Vue.js（主にNuxt.jsとVuetify）

vee-validateで入力チェックした上で、APIからの入力エラーも各項目に表示する

Nuxt.js+Vuetifyで、アカウント登録画面を実装しました。 フロントで最低限の入力チェックが通ったら、送信ボタンを押せるようにして、無駄なAPIリクエスト減らす。APIからの入力エラーもvee-validate […]