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 HLS Jest Lambda Material UI MediaConvert MySQL Next.js Nuxt.js Nuxt3 Nuxt3移行 PostgreSQL RSpec seed Vue3 Vuetify WebSocket yarn バージョンアップ リファクタリング 共通化 定数管理 日本語化 環境構築 生成AI 認証 調査 開発手法

最近の投稿

2026年6月14日 / 最終更新日時 : 2026年6月14日 admin AI(人工知能)

AI時代に、人間が成長する場所を考えてみた

AI と協業する開発について、これまでいろいろ書いてきました。今回は、AI 時代に、人間はどこで成長するのか、考えてみます。

AIコーディングAI駆動開発生成AI開発フロー開発手法
2026年6月7日 / 最終更新日時 : 2026年6月11日 admin Vue.js(主にNuxt.jsとVuetify)

Vuetify4でgridが負マージンからgap方式に変更されたので暫定・恒久対応した

Vuetify 4 が 2026 年 2 月に出ました。既存プロジェクトを上げたところ、引っかかった順に「テーマ」「フォント」「グリッドの余白」の 3 つでした。最初の 2 つは軽めです。本丸は最後のグリッドで、いきなり […]

Nuxt.jsVue3Vuetify
2026年6月6日 / 最終更新日時 : 2026年6月7日 admin AI(人工知能)

AI時代のワークフローを考えてみた

これまで、生産性、開発の流れ、コードベース、記録の残し方を書いてきました。 今回は、AI と協業する「ワークフロー」── 日々の仕事の進め方を、考えてみます。

AIコーディングAI駆動開発生成AI開発フロー開発手法
2026年5月31日 / 最終更新日時 : 2026年5月31日 admin AI(人工知能)

AI時代の記録の残し方を考えてみた

AI と協業して開発していると、「何を、どこに記録すべきか」を、改めて考えるようになりました。issue、PR、ADR、仕様書、コメント── 記録の置き場所はいろいろあります。今回は、AI 時代に、記録をどう残すか、考え […]

AIコーディングAI駆動開発生成AI開発フロー開発プロセス
2026年5月30日 / 最終更新日時 : 2026年5月30日 admin AI(人工知能)

コードベースと規約をハーネスとして考えてみた

これまで、ハーネス(CLAUDE.md、skill、settings.json など)を育てる話を、何度か書いてきました。今回は、もう少し広い視点で── コードベースや規約そのものが、AI に対するハーネスになっている、 […]

AIコーディングAI駆動開発生成AI開発手法

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

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

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

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

Copyright © Night Only Project. All Rights Reserved.