Motomichi Works Blog

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

2021-04-01から1ヶ月間の記事一覧

TypeScript 学習日記 その0002 キーが未確定なobjectにデータを追加する方法について考える

参考にさせていただいたページ keyof typeofの使い方 [TypeScript] - Qiita TypeScriptの型入門 - Qiita Index signature(インデックス型) - TypeScript Deep Dive 日本語版 はじめに 注意して使用しましょう。 「キーが未確定なobjectを先に作って後から…

TypeScript 学習日記 その0001 objectのキーを元にStringLiteralTypesの型を定義する

参考にさせていただいたページ TypeScript 2.1のkeyofとかMapped typesがアツい - Qiita 今日のバージョン TypeScript 4.2.3 文字列の型について 以下のようにすると、変数keyの型はstringになります。 const key: string = 'keyNameA' 以下のようにすると、…

Nuxt.js 2.x + TypeScript 4.x その0007 storeの型を設定する

参考にさせていただいたページ 基本的なタイピング 今日の開発環境 Nuxt 2.14.12 TypeScript 4.2.3 定義する 「基本的なタイピング」をよく読むとよい。 ReturnType<typeof state> を使って、stateの型を定義する GetterTree, ActionTree, MutationTree を使う GetterTree</typeof>…

RSpec+Capybaraその0005 aタグやbuttonタグのkeydownイベントを発火させる

参考にさせていただいたページ ruby on rails - Is there a way to send key presses to Webkit using Capybara? - Stack Overflow keydownイベントを発火させる方法 もっと良い方法があるかもしれないけど、たぶんこんな感じ button = find('[data-test-id=…

RSpec+Capybaraその0004 要素にfocusする

参考にさせていただいたページ Capybara/Selenium: evaluate_script might freeze your browser, use execute_script - makandra dev 要素にfocusする方法 もっと良い方法があるかもしれないけど、たぶんこんな感じ。 page.execute_script("document.querySe…

Vue.js 2のエラーを解決する [Vue warn]: You are using the runtime-only build of Vue where the template compiler is not available.

はじめに 特にwebpackなどを使用して、Vue.jsをこれからはじめようという方に多いとは思いますが、以下のようなエラーがコンソールに出力されることがあります。 [Vue warn]: You are using the runtime-only build of Vue where the template compiler is n…

Nuxt.js 2.x + TypeScript 4.x その0005 ビルド時にJavaScript heap out of memoryなってしまう問題の解決

参考にさせていただいたページ Vue.extendとnameオプションについて API — Vue.js | Vue.extendについて API — Vue.js | nameオプションについて メモリの割り当てを増やす Nuxt (+TS) の開発サーバーがメモリ不足でクラッシュする事象を暫定的に回避する Ja…

Nuxt.js 2.x + TypeScript 4.x その0006 アプリケーションのsrcを一階層深いところに格納する(srcDirの設定を変更する)

参考にさせていただいたページ Nuxtのaliasプロパティについて The alias Property - NuxtJS NuxtのrootDirについて rootDir プロパティ - NuxtJS NuxtのsrcDirについて The srcDir Property - NuxtJS TypeScriptのimportパスの解決について TypeScript: Doc…