[jQuery] mouseover/mouseout と mouseenter/mouseleave の違い

jQuery のイベント mouseover/mouseout, mouseenter/mouseleave の違いを知らずに、かなりハマってしまった…。

下記のサイトが分かりやすく説明してくださってました。

DOM Leve3 イベント mouseover/mouseout, mouseenter/mouseleave それぞれの違いについて – 今日もスミマセン。

mouseenter/mouseleave イベントの方が、利用用途として直感的ですね。

mouseover/mouseout は、内部のDOMを出入りするときもイベントが発火してしまうので、思わぬ挙動をしてしまって結構悩みました。

[MongoDB] Error: failed to connect to [localhost:27017]

Node.js (Express) + MongoDB という構成のウェブアプリケーション開発でアプリ起動時 (node-dev app.js) に、下記のようなエラーが発生しました。

MongoDB | モンゴディービー

続きを読む

[Android] Debug build(デバッグビルド)で課金をテストする方法

Android アプリ開発にて、Debug build(デバッグビルド)で課金をテストする方法をメモ。

まだ試してないですが、リンク先のようにビルド時のkeyをリリースビルドのものに変更して apk を署名付きビルドすれば良いらしいです。

Android デバッグビルドでもアプリ内課金をテストするには? » Tech Blog

これで、DEBUGビルドでも Google Play ストアに「アルファ版テスト」or「ベータ版テスト」で、課金処理をテストすることができそうです。

[Shell Script] CPUコア数を取得するコマンド

CPUコア数を取得するコマンドをメモ。

$ cat /proc/cpuinfo | grep processor
processor	: 0
processor	: 1
$ echo `grep -c ^processor /proc/cpuinfo`
2

参考記事

逆引きUNIXコマンド/CPUコア数を調べる – Linuxと過ごす

[Node.js] Mongoose で簡易的な auto increment を実装する

Node.js + Mongoose で auto increment の実装をご紹介します。

mongoose | マングース

続きを読む

[Node.js] base62-node が base62.js へリネームされていた

npm モジュール base62-node が base62.js へリネームされたようで、使い方もちょっと変わっていたのでメモ。

base62-node

base62-node では new で新しくオブジェクトを生成して、使ってました。

> var Base62 = require('base62-node');
> var base62 = new Base62('09azAZ');
> base62.encode(123);
'1Z'

base62.js

それが、base62.js だと createConverter() メソッドでコンバーターのインスタンスを受け取るという使い方に変更されていました。

> var base62js = require('base62.js');
> base62js
{ table_: '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ',
  createConverter: [Function: createConverter] }
 
> var base62 = base62js.createConverter();
> base62.encode(123);
'1Z'

以上です。

[Node.js] 開発環境で使うデーモン化、プロセス管理ツール比較

Node.js の開発環境で使うデーモン化、プロセス管理ツールをいくつかご紹介します。

Node.js

続きを読む

[Mac] ファイルの差分を確認する高機能アプリ「DiffMerge」

Mac でファイルの差分を確認するときに、diffコマンドや、Xcode付属の「FileMerge」でちょっと機能が足りないときは「DiffMerge」を使うのが良さそうです。

SourceGear | DiffMerge

DiffMerge に付いてる嬉しい機能は、違う文字の箇所だけカラーリングしてくれるだけなのですが、これだけでとても捗ります。


参考情報

MacでDiffアプリを探す | NAOMO

[Stylus] Lost img selector in nested selectors

Stylus のバージョンを 0.40.3 にあげたら、バグに遭遇しました。

LearnBoost/stylus

変にコンパイルされる書き方

Stylus

.circle
  img
  .cap-overlay
  .cap-soldout
    border-radius: 200px

↓ コンパイルすると、img にクラスが当たらない

CSS

.circle .cap-overlay,.circle .cap-soldout{
  -webkit-border-radius:200px;border-radius:200px
}

正しくコンパイルされる書き方

Stylus

.circle
  .cap-overlay
  .cap-soldout
  img
    border-radius: 200px

↓ ちゃんと、img も含まれてる

CSS

.circle .cap-overlay,.circle .cap-soldout,.circle img{
  -webkit-border-radius:200px;border-radius:200px
}

とりあえず、issueだけ作成しておきました。

Lost img selector in nested selectors · Issue #1226 · LearnBoost/stylus

[Homebrew] brew upgrade Warning: No developer tools installed. -> Run `xcode-select –install`

Mac OS X Mavericks で brew upgrade したらWarningでた。

% brew upgrade
Warning: No developer tools installed.
You should install the Command Line Tools.
Run `xcode-select --install` to install them.

xcode-select –install すればいいらしい。

% xcode-select --install
xcode-select: note: install requested for command line developer tools