2022年2月5日 / 最終更新日時 : 2022年2月5日 admin Ruby on Rails Action CableでWebSocketを試す 他の方の記事を参考しましたが動かなかったので、公式を読みつつ調べながら書きました。WebSocketの挙動も含め、メモしておきます。 デザインも拘りましたが、MDB使っているので参考までに。 Action CableDeviseWebSocket
2022年1月23日 / 最終更新日時 : 2022年1月23日 admin Vue.js（主にNuxt.jsとVuetify） JestでNuxt+Vuetifyのテストを書く時のTips #2 前回（JestでNuxt+Vuetifyのテストを書く時のTips #1）に続き、今回は異常系とクリックイベントのテストを書いてみました。 これでカバレッジもほぼ100%に。テスト書くと実装漏れに気付けるのでいいですね。 […] APIJestNuxt.jsVuetify共通化
2022年1月16日 / 最終更新日時 : 2022年1月16日 admin Vue.js（主にNuxt.jsとVuetify） JestでNuxt+Vuetifyのテストを書く時のTips #1 前回（JestでNuxt+Vuetifyのテストを書いてみる）に続き、今回は初期表示の正常系テストを書いてみました。 最初に対応する時に役立つのでメモしておきます。 JestNuxt.jsVuetify共通化
2021年12月26日 / 最終更新日時 : 2021年12月28日 admin Vue.js（主にNuxt.jsとVuetify） JestでNuxt+Vuetifyのテストを書いてみる 品質担保やテスト駆動をNuxtでもしたいので、Nuxt導入時に入れたJestでテストを書いてみました。Vuetify使うのは難しくなかったのですが、babel周りの設定やpluginのjsのテストで苦労したのでメモしてお […] JestNuxt.jsVuetify共通化
2021年12月12日 / 最終更新日時 : 2021年12月12日 admin Ruby on Rails Deviseのview specを作成してみた resource, devise_mapping, resource_name, resource_classがないとエラーが出る。 request spec（Controllerからviewが呼ばれている）だと問題ない […] DeviseRSpec
2021年12月11日 / 最終更新日時 : 2021年12月12日 admin Ruby on Rails JSONのAPIリクエストで、URLの拡張子が.json以外はエラーにする ログやアクセス制御でAPIかHTMLリクエストかを簡単に区別できるようにする為。 また、ブラウザで.jsonのURLにアクセスしたらエラーにしたい。簡単に見れないようにしたい。 APIDevise Token AuthRSpec
2021年11月13日 / 最終更新日時 : 2021年11月13日 admin Ruby on Rails Devise Token Authのメアド変更の確認メールとアカウントロックメール記載のURLがフロントURLにならない NuxtとRailsアプリ(Devise Token Auth)の結合テストをする をしてみて気付きましたが、「メールアドレス変更時に送信されるメールの確認URL」と「アカウントロック時に送信されるメールの解除URL」が […] APIDevise Token AuthRSpec認証
2021年11月7日 / 最終更新日時 : 2021年11月10日 admin Ruby on Rails NuxtとRailsアプリ(Devise Token Auth)の結合テストをする それぞれのアプリでは問題なく動作しても、いざ繋げると細かい所で意図通りに進まない事は良くあります。特にフロントとバックエンドを分けると、問題となるケースは増えそう。 単体テストはユニットテストで担保するとして、結合テスト […] APIDevise Token AuthNuxt.jsRSpecseedテスト
2021年10月31日 / 最終更新日時 : 2021年10月31日 admin Vue.js（主にNuxt.jsとVuetify） mixinとinjectでの共通化と可読性を上げる プロジェクトが進んで行くと同じような処理が複数のファイルに出てきて、共通化したくなってきます。（スコープ分けたかったので、今までは親子componentの分割に留めました） 共通化する事で、可読性が上がり保守・改修コスト […] Nuxt.jsVuetifyリファクタリング
2021年10月24日 / 最終更新日時 : 2021年10月23日 admin Vue.js（主にNuxt.jsとVuetify） Vue.jsにHTMLのautocomplete属性を設定する ブラウザ側でID・メールアドレスやパスワードを保存してくれるのは便利なのですが、意図しない所（アカウント登録や登録情報変更とか）でも復元されて邪魔だったり、セキュリティ的にここまで復元されると良くなさそうという所もあるの […] HTML属性Nuxt.jsVuetify