MENU
  • HOME
  • Blogメモφ(..)
  • Tipsメモφ(..)
  • rails-app
  • nuxt-app
  • vagrant-ansible
  • other
    • GitHub nightonlypj
    • Bitbucket nightonlypj
    • GitLab nightonlypj

Blogメモφ(..)

  • HOME
  • Blogメモφ(..)
  • Tipsメモφ(..)
  • rails-app
  • nuxt-app
  • vagrant-ansible
  • other
    • GitHub nightonlypj
    • Bitbucket nightonlypj
    • GitLab nightonlypj

Jest

  1. HOME
  2. Jest
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年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年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年4月26日 / 最終更新日時 : 2021年10月10日 admin Vue.js(主にNuxt.jsとVuetify)

Nuxt.jsでVue.jsに触れてみる

今の現場がフロントにVue.jsを採用しているので、勉強も兼ねて作り始める事にしました。 今回は本番を想定して、ローカルのNginxで動かしてみる所までにします。

ESLintJestNuxt.jsTypeScriptVuetify

忘れん坊

定期タスクの管理・リマインダー(Slack・メールに対応)
タスクをカレンダーや一覧で管理し、チームで共有できます。

リマインドで、忘れやすい年次・月次タスクの実施忘れや、メンバー間の譲り合いによる実施漏れを防ぐ事ができます。

※詳細・使い方はこちら「通知駆動のススメ!チームの定期タスクの実施漏れを防ぐ」

公開リポジトリ・動作確認サイト

  • nuxt-app-origin
    https://nuxtapp.nightonly.com/
  • rails-app-origin
    https://railsapp.nightonly.com/

自己紹介

フリーランスから法人成りして、業務委託でスタートアップのイネーブリング(負債解消や効率化、featureチームの支援等)と、副業で上場企業の社内システム(取引先等の管理やSalesforce連携等で業務改善)の開発や改善・提案、フォロー等を行なっています。両社ともフルリモートです。
ECやモール連携、決済、動画のストリーミング配信、YouTubeのデータ分析、会計ソフト開発等の経験もあります。
現在は、Ruby on Rails, Nuxt.js(Vue.js), Next.js(React), TypeScript, AWSを主に使っています。日々、技術の積み上げを意識して、価値提供を目指しています。

検索(Blogのみ)

カテゴリー

  • AI(人工知能)
  • AWS(Amazon Web Services)
  • GCP(Google Cloud Platform)
  • Java
  • React(主にNext.jsとMaterial UI)
  • Ruby on Rails
  • Vue.js(主にNuxt.jsとVuetify)
  • アプリケーション
  • サーバー・ミドルウェア
  • その他

タグ

Action Cable ActiveRecord AIコーディング AI駆動開発 Apache API API Gateway CloudFront CloudWatch Config CORS DB設計書 Devise Devise Token Auth Docker Elemental ESLint FactoryBot Jest Lambda Material UI MediaConvert MySQL Next.js Nuxt.js Nuxt3 Nuxt3移行 PostgreSQL RSpec seed SSL/TLS Vue3 Vuetify WebSocket yarn バージョンアップ リファクタリング 共通化 定数管理 日本語化 環境構築 生成AI 認証 調査 開発手法

最近の投稿

2026年9月23日 / 最終更新日時 : 2026年9月22日 admin Ruby on Rails

変更に強いテストを書く⑩ AIがspecを書く時代に、何をレビューするか

ここまで9回、specの書き方を細かく書いてきました。最後に、それが今どういう意味を持つのかを書きます。 結論から書くと、時間をかけるべきはspecのレビューだと考えます。specは仕様そのものなので、間違っていればバグ […]

AIコーディングAI駆動開発RSpec生成AI開発手法
2026年9月22日 / 最終更新日時 : 2026年9月23日 admin Ruby on Rails

変更に強いテストを書く⑨ 書き忘れても静かに通ってしまうもの(仕組み化で防ぐ)

ここまでは、テストで何をどう守るかの話でした。今回は書き忘れても落ちないものです。 書き忘れると、落ちずに通ってしまうものがあります。緑なので誰も気づかない。気をつけるしかないように見えますが、多くは落ちる仕組みを埋め込 […]

RSpecSidekiqWebMockカバレッジ開発手法
2026年9月21日 / 最終更新日時 : 2026年9月23日 admin Ruby on Rails

変更に強いテストを書く⑧ どこまでテストするか(責務の分け方とケースの絞り方)

1回目に軸を分けてケースを減らす話を書きましたが、今回はどこまで書くかそのものです。 ケースは放っておくと増えます。増えた分だけ実行時間もレビュー負荷も増える。かといって減らしすぎると守れなくなる。どこで線を引くか、とい […]

RSpecテスト設計リファクタリング開発手法
2026年9月20日 / 最終更新日時 : 2026年9月21日 admin Ruby on Rails

変更に強いテストを書く⑦ factoryの設計(揃いすぎないデータ)

前回はspec側でのデータの使い分けでした。今回はfactory側、データそのものをどう作るかです。 何を埋めて何を埋めないか。そしてもう1つ、データが揃いすぎていると検出できないバグがあります。 以前、FactoryB […]

FactoryBotRSpec開発手法
2026年9月19日 / 最終更新日時 : 2026年9月21日 admin Ruby on Rails

変更に強いテストを書く⑥ テストデータの使い分け(build/create、let系)

前回まではspecの書き方の話でした。今回はデータを作る側です。 テストデータの扱い方は、実行速度に直結します。そしてlet_it_beのような仕組みを使うと、テスト間でデータが汚染される問題も出てきます。

ActiveRecordFactoryBotRSpec開発手法

正式版リリースのお知らせ

忘れん坊: 定期タスクの管理・リマインダー(Slack・メールに対応) タスクをカレンダーや一覧で管理し、チームで共有できます。
リマインドで、忘れやすい年次・月次タスクの実施忘れや、メンバー間の譲り合いによる実施漏れを防ぐ事ができます。

※詳細・使い方はこちら「通知駆動のススメ!チームの定期タスクの実施漏れを防ぐ」

  • プライバシーポリシー
  • お問い合わせ

Copyright © Night Only Project. All Rights Reserved.