日々精進

新しく学んだことを書き留めていきます

js

AngularJSでDivの高さ・幅などを動的に計算する

JS

CSSのcalc関数で実行時に計算した値をwidthなどにセットすることはできるが、 子要素の数によって親要素のwidthを変更したい場合などは子要素の数がCSSから取れないので計算できない。(子要素の数を知る方法あれば教えて下さい。。) 以下のようにしてng-st…

オブジェクトのプロパティの数を数える方法

js

Object.keys(obj).length参考:node.js - nodejs - jade ReferenceError: process is not defined - Stack Overflow

backboneのcollectionでreduce

js

collectionの各要素の合計などを出したい場合、reduceが使えるが公式ドキュメントにreduceの使い方を詳しく書いてない。 下記サイトによるとreduceのcallbackの引数がunderscoreのreduceと違うらしい。そこは公式ドキュメントに書いといてよ。。 参考:Backb…

正規表現のエスケープは\でなく、バックスラッシュ

\でエスケープされなかったのでもしや、と思ってAlt+\でバックスラッシュを入力するとエスケープされた。 Macでは\はだめなのか。。ググると\でエスケープすると書いてあるところが多いのでちょっとはまった。

coffee-script-reduxではsuperが使えない

js

まじか。。webstormでsourcemapを使うためにcoffee-script-reduxコンパイラを使う必要があるんだけど、これがsuperに対応してないらしい。 ver 2.0では対応する予定らしいが。。しょうが無いので本家のコンパイラに戻すか。 参考:Fails to compile when sub…

mochaとwebStormで自動テストをファイル保存毎に回す

IT JS

Automating Testing with Mocha and WebStorm – Hadi Hariri を参考にして自動テスト環境を整えた。 やったことは以下。 ・mocha, nodemonをインストール ・~/.MacOSX/environment.plistを作成。内容は上記サイト参照。 ・webStormのcommand line tool suppo…