Google Tag Manager CucumberによるBDDを導入した話
GoogleAnalyticsによるWebサイトのイベント計測改善のためにBDDとCucumberを導入し、自動テストを実施しました。BDDは仕様をテストコードに反映し、Cucumberは自然言語でテストを記述可能です。これにより品質とコミュニケーションが向上し、迅速なリファクタリングが可能になりました。
JavaScript
Google Tag Manager 
IT JSのコードで呼ばれているメソッドを確認する
表題の通り、何のjQueryメソッドを呼び出しているかを把握必要があったのでそのやり方をメモします。今回は簡潔に行きます！解析には下記のツールを使います。Abstract syntax tree(AST/抽象構文木)を使用する方法になります...
IT jQueryから学ぶChaining
jQueryを使わずにイベントハンドラを書くと煩雑になりますが、jQueryがどう機能するかを学ぶことで、より簡潔なイベントハンドリングを目指せます。jQueryのソースを分析し、そのセレクタメカニズムを理解することで、"Q"というjQueryのミニマル版を作り上げました。これにより、要素の配列を意識せずにチェーン可能で効率的なコードが可能になります。
IT Distroless Container Imageを使う
Distroless Container Imageは、アプリケーションとランタイム依存関係のみを含む、非常に軽量なDockerイメージです。パッケージマネージャーやシェルなどのプログラムは含まれていないためセキュリティが向上します。このガイドでは、expressを使用したNode.jsのサンプルでDistrolessイメージのビルド方法を紹介しています。
IT Node.jsの環境構築時によくあるエラー
node-gypビルドエラー(Windows)installコマンドで外部パッケージをインストールするときに起こりがちです。Web関係の仕事をしていると、C++のコンパイル環境がないことがありますがC++で書かれたコードがあった場合、nod...
IT JavaScript 二重否定(!!)とは
JavaScriptを読んでいて以下のようなコードがあり知らなかったので、調べました。if(!!hoge)二重否定(!!)とはなにか検索すると下記ページがヒットします。複数の否定演算子を連続して使用することで、明示的にあらゆる値を対応する論...