カテゴリー : JavaScript

jquery-cookie はメンテナンスされておらず動かないことがあるので js-cookie を使おう

jquery-cookie の $cookie() メソッドがバグってるっぽくて、正常に動作しないことがありました。

js-cookie

調べてみると、既にメンテナンスされてなくて今は js-cookie ライブラリを使うべきみたいです。

続きを読む

[JavaScript] メモリ管理を理解するための参考情報(日本語・英語)

JavaScript のメモリ管理を理解するための参考情報を日本語と英語、それぞれ探したのでご紹介します。

JavaScript

続きを読む

[JavaScript/ES6] シングルクォート、ダブルクォート、バッククォートの使い分け

JavaScript (ECMAScript 6: ES6) でシングルクォート、ダブルクォート、バッククォートの使い分けをエンジニア研修中のメンバーに質問されたので MDN の記事を参考にしつつ、ご紹介します。

JavaScript

続きを読む

[JavaScript/ES6] Promise 使い方、入門、学習サイトまとめ 📝

JavaScript (ECMAScript 6: ES6) で導入された Promise の使い方、入門、学習記事や本などをまとめたのでご紹介します。

JavaScript

続きを読む

[JavaScript] メールアドレスの @ 以降のドメイン部分だけ抽出する

JavaScript でメールアドレスの @ 以降のドメイン部分だけ抽出するコードをご紹介します。

JavaScript

続きを読む

[JavaScript] 文字列を Boolean に変換する 46 の方法

JavaScript で文字列 (String) を Boolean に変換する方法をご紹介します。

JavaScript

続きを読む

[Mocha] before, beforeEach, after, afterEach の実行順番

「あれ? Mocha で before, beforeEach, after, afterEach の実行順番ってどういう順番だっけ?」となることが多かったので記事にしました。

mocha.js

実行順番は before, beforeEach, afterEach, after

結論から書くと、

  1. before
  2. beforeEach
  3. test
  4. afterEach
  5. after

の順番で実行されます。

Mocha のサンプルコード

以下、before, beforeEach, afterEach, after の実行順序を確認するための mocha のサンプルコードです。

describe('before test', function() {
  before(function() {
    console.log('before');
  });
 
  beforeEach(function() {
    console.log('beforeEach');
  });
 
  after(function() {
    console.log('after');
  });
 
  afterEach(function() {
    console.log('afterEach');
  });
 
  it('test', function() {
    console.log('test');
  });
});

何の処理がどこで呼び出されるのか、よく理解してテストコードを書いていきたいですね。

[JavaScript] 小数点以下の桁数を取得する方法

JavaScript で小数点以下の桁数を取得する方法をご紹介します。

JavaScript

続きを読む

[JavaScript] 指定した id, class 名を持つ全ての要素を削除する

JavaScript で指定した id もしくは class 名を持つ全ての要素を削除するメソッドをご紹介します。

jQuery は使わずに pure JavaScript で実装しています。

JavaScript

続きを読む

[JavaScript] 改行コード \r\n \r \n を半角スペースに置換する正規表現とスニペット

JavaScript で改行文字を半角スペースに置換する正規表現とスニペットをご紹介します。

JavaScript

続きを読む