2022年10月16日 / 最終更新日時 : 2023年12月23日 admin Vue.js（主にNuxt.jsとVuetify） v-data-table：ボタンクリック(expand)で複数行の内訳の表示・非表示を切り替える expandだけだとテーブル構造としては1行しか表示できず、hoverもしない。 追記：item全体をslotすると2行以上表示できて、hoverも出来ました。 一覧で表示し切れない情報を補足的に表示するには良さそう。 […] Nuxt.jsVuetify
2022年9月11日 / 最終更新日時 : 2022年11月19日 admin Vue.js（主にNuxt.jsとVuetify） Jestで無限スクロール(Vue-infinite-loading)のテストを書く 無限スクロールと言えばVue-infinite-loadingで、導入記事は多いのですが、 テスト(Jest)の記事は見つからなかったのでメモしておきます。 Vue warnとTypeErrorがなかなか消せなかったり、 […] JestNuxt.js
2022年9月7日 / 最終更新日時 : 2022年10月9日 admin Vue.js（主にNuxt.jsとVuetify） NuxtとRailsで、入力項目でEnterを押した時の挙動を調整する Rails(普通にsubmitしている場合)と、Nuxt(jsでアクションしている場合)で挙動が違うので、確認して調整してみました。 地味だけど、方針を決めて、統一しておくと全体の操作性が上がりますね。 Nuxt.jsVuetify
2022年8月21日 / 最終更新日時 : 2022年8月21日 admin Ruby on Rails 初期・マスタデータをyaml変更だけで完結できるようにseedを実装する seedは初期データやマスタデータを投入する仕組みですが、自分で実装する必要があり、データが増える前にyamlを読むように実装ているケースが多いのではないでしょうか。 対象テーブル追加毎にdb/seeds.rbに手を入れ […] ActiveRecordDeviseseed共通化
2022年8月17日 / 最終更新日時 : 2022年8月18日 admin Ruby on Rails let_it_beとbefore_allでRSpecの実行時間を短くする まだそこまで遅くはないですが、将来の為にRSpecの実行時間を短くしておきます。 結果、99.93秒だったのが55.72秒となり、44%短縮されました。（想像以上） RSpecをリファクタリングして可読性と速度を上げる […] FactoryBotRSpecリファクタリング
2022年7月30日 / 最終更新日時 : 2022年7月30日 admin Vue.js（主にNuxt.jsとVuetify） jestで同じMockが複数回叩かれるテストを書く APIリクエストが2回以上で、同じMockを使わなければならない場合、 レスポンスも変えないとテストが通らない。知っていれば簡単なので、メモしておきます。 JestNuxt.js
2022年7月24日 / 最終更新日時 : 2022年7月24日 admin Vue.js（主にNuxt.jsとVuetify） Nuxt2をNuxt Bridgeに移行してみる Vuetify3がまだベータで、対応していないコンポーネントもあるので、直接Nuxt3への移行はあきらめて、Nuxt Bridgeに移行してみました。 Composition APIやTypeScriptへの変更は行わず […] ConfigESLintJestNuxt.jsVuetify
2022年6月22日 / 最終更新日時 : 2023年12月30日 admin AWS(Amazon Web Services) RailsアプリのDockerイメージを作成して、ECRにpushする ECS(Fargate)で動かすのが目的ですが、その設定は別途記載するとして、 先ずはDockerイメージをどう作るべきか試したのでメモしておきます。 ConfigDockerECRFargate
2022年6月21日 / 最終更新日時 : 2022年6月21日 admin Ruby on Rails rails sが起動しなくなったので調査してみた（解決済み） 「rails c」は動くけど、「rails s」が動かない現象に遭遇したので、メモしておきます。 先に結論。原因は下記でした。本番環境構築時にローカルで試しに叩いた。 % bundle config set –loca […] 環境構築調査
2022年6月8日 / 最終更新日時 : 2022年6月8日 admin AWS(Amazon Web Services) MediaConvertのcreate_jobで発生する例外を処理する パラメータエラー以外でcreate_jobに失敗しないと思っていましたが、処理できないファイル（サポートされていないコーデックやコンテナ）をアップロードすると例外が発生するので、フロントに返せるように処理してみました。 […] APIAPI GatewayDynamoDBLambdaMediaConvert