Motomichi Works Blog

モトミチワークスブログです。その日学習したことについて書いている日記みたいなものです。

2024-01-01から1年間の記事一覧

Next.js14の開発環境構築手順 step02 eslintとprettierを設定する

はじめに Next.js13の開発環境構築手順 step02 をやっていこうと思います。 Next.jsのベーシックな設定を確認する Next.jsのベーシックなESLintの設定を確認するために、まずは以下のドキュメントを読みました。 Configuring: ESLint | Next.js eslint-confi…

Next.js14の開発環境構築手順 step01 create-next-app --typescript

はじめに 2024年4月時点での自分のためのメモとして、Next.jsの環境構築手順をまとめてみます。 かなり長くなるのでいくつかのstepに分けて書いていきます。 環境 主に以下のような構成でNext.js 14の環境構築を行なっていきます。 CSSを書くにあたってNext.…

Playwrightを使ってVRTを始める

参照したページ 公式ページ Installation | Playwright Visual comparisons | Playwright その他 入門者でも安心、Playwrightで驚くほど簡単にブラウザテストを行う | アールエフェクト Playwright で一番小さく始める VRT と、次のステップの選択肢 - Speak…

Uncaught ReferenceError: __VUE_PROD_DEVTOOLS__ is not defined を解決する

参照したページ コンパイル時フラグ | Vue.js vue.js - ReferenceError: __VUE_PROD_DEVTOOLS__ is not defined - Stack Overflow 環境 私の環境で今回の件に関係ありそうなパッケージのバージョンは以下の通りです。 webpack: 4.46.0 vue: 3.4.21 vue-route…

Railsのsystem spec (Capybara)でJavaScriptのconsole.logを出力する方法

参照したページ Capybara+ChromeでJavaScriptのエラーを出力 #Rails - Qiita gem のバージョン gem 'selenium-webdriver', '~> 4.11.0' gem 'capybara', '>= 2.15' 出力する方法 以下のように書くと出力されました。 puts page.driver.browser.logs.get(:bro…

Vue2からVue3への移行作業で出た Failed to resolve component: router-view If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement. を解決する

解決方法 以下のようになっている router プロパティを import { createApp } from 'vue'; import router from './router.js'; import App from './app.vue'; const app = createApp({ router, components: { App, }, }); app.mount('#app_regular_users_cre…

Vue2からVue3への移行作業で出た Error: Provide the "history" option when calling "createRouter()" を解決する

参照したページ [Solved] Uncaught Error: Provide the “history“ option when calling “createRouter()“ | ProgrammerAH javascript - Failed to resolve component <router-view> VueRouter - Stack Overflow 概要 vue-router を使っているアプリケーションを移行する際</router-view>…

端末を買い替えたときなどにさくらVPSのサーバーに新しい端末の公開鍵を追加する

参照したページ SSH公開鍵認証メモ #Linux - Qiita はじめに Macの端末を買い替えたりして、新しい端末の公開鍵を追加したときのメモです。 ログインする方法の選択 以下のいずれかの方法でログインできます。 ssh ログインできる端末のターミナルでログイン…

Jestを実行したときに Object.values の記述箇所で TypeError: Cannot convert undefined or null to object at Function.values (<anonymous>) になったので修正する

解決したいこと HOGE は定数で import しているのに、以下のような感じでテストが失敗しました。 このテストが失敗しているファイルを example.tsx とします。 ● Test suite failed to run TypeError: Cannot convert undefined or null to object at Functi…

Jestを実行したときに Error [ERR_REQUIRE_ESM]: require() of ES Module になったので解決する

参照したページ Jest の実行環境のサンプル Jestでテストを書こう | TypeScript入門『サバイバルTypeScript』 はじめましょう · Jest yarn upgrade について yarn upgradeのあれこれ #CLI - Qiita Error [ERR_REQUIRE_ESM]: require() of ES Module の解消に…

JavaScriptの浮動小数の丸め誤差について調べたことの備忘録

参照したページ IEEE 754 - Wikipedia JavaScriptにおける丸め誤差と対応 JavaScriptの浮動小数点数型の誤差をなくす | 株式会社CONFRAGE ITソリューション事業部 「0.1+0.2≠0.3」を説明できないエンジニアがいるらしい #Python - Qiita "「0.1+0.2≠0.3」だ…