JavaScript

Cypress を使用して自動テストをしてみた

こんにちは。ふっくんです。 今回は自動テストツール Cypress のご紹介をします。 ※検証環境 macOS 10.12 ※node.jsを事前にインストールしておいてください。 Cypress とは Web UIの自動テストをしてくれるツールです。 有名どころでいうSeleniumと同様のツールですね。 以前にSeleniumを使用したことがあるのですが・・・続きを読む

Vue.js VeeValidateの固有メッセージを変更する

こんにちは。ふっくんです。 Vue.jsのバリデーションライブラリ VeeValidate の固有メッセージを変更する方法を紹介します。 ※既にVeeValidateを導入されている方を対象としています。 VeeValidateの導入方法などは本記事では紹介しません。 メッセージの日本語化についても本記事では紹介しません。 基本的なVeeValidateの使・・・続きを読む

JavaScript reduce関数を使用して合計を求める

こんにちは。ふっくんです。 今回は、 javascript の reduce 関数をご紹介します。 reduce関数の使い方 reduce関数とはどのようなものかと言うと、配列の各要素に対して(左から右へ)関数を適用し、単一の値にします。 Array.prototype.reduce() – JavaScript | MDN 例えば、以下のような・・・続きを読む

JavaScript reduce関数を使用して重複なしの一覧を作成する

こんにちは。ふっくんです。 前回はjavascriptのreduce関数を使用して、合計値を求める方法を紹介しました。 JavaScript reduce関数を使用して合計を求める 今回は、reduce関数を使用して配列から重複なしの一覧を作成する方法をご紹介します。 reduce関数を使用して配列から重複なしの一覧を作成する 例えば、以下のような連想配列が・・・続きを読む

Vuex で Action, Mutation に第3引数を渡したくなったら

こんにちは。ふっくんです。 Vuexを使用していて Action や Mutation に第三引数を渡したいときありますよね? 私は少しハマったのですが、結論から言うとAction や Mutation に第三引数は渡せません! ドキュメントにもちゃんと書いてますね。 API リファレンス · Vuex ストアにミューテーションを登録します。ハンドラ関数は第・・・続きを読む