最近、仕事や趣味でAngularjsのDirectiveを作る機会が何回かありました。Directiveは非常に強力な機能ですが、使い方を誤ると碌なことにならないので現在どのような方針でDirectiveを作っているのかを書きます。 いまや最も優れたJavaScriptフレームワーク「…

AngularJSでjQuery UI Draggableみたいなディレクティブを探していたんだけど、要件にあうものがなかったので自分で作った。 fumitoito/angular-draggable 要件としては ドラッグできる ドラッグ可能な軸を任意に指定できる 拡大・縮小できる という感じ。 …

ハマっていたので覚書としてメモ。 Angularjsのfilterは便利です。配列やら文字列やらオブジェクトやらを渡して、もにょもにょ処理できますし、Viewにバインドするだけで簡単に使えます。超便利。 Demo on Plunker 当然こんなに便利だとControllerの中でも使…

おもろいなー、と思ったのでメモ。 nodeでWindows / Mac / Linuxで動くデスクトップアプリケーションを作れるらしい。 V8の上でnode.jsを動かしているっぽいのでChrome packaged appみたいなイメージか。 Hello world npmでインストールできる。ただ、github…

へ〜、とおもったのでメモ。 stackoverflowにウェブアプリの開発中はファイルを変更するたびにforemanに再起動してほしいんだけどどうしたらいい？という質問があって、その方法がなかなか良いなと思ったのでメモ。 これが今までforeman使ってこなかった報い…

書いた。 https://github.com/fumitoito/angularjs-phonegapStorage なお、Phonegap 2.9.0 Storage API に準拠している。 経緯とか PhonegapのStorage APIにはお亡くなりになったWeb SQLと、いまなお健在であるWeb Storage の両方が含まれている。 もともと…

ソースはこちら。 https://github.com/fumitoito/angularjs-barcodeScanner そのうちbowerに公開したいと思います。 経緯 現在、 Monaca というサービスを利用してスマートデバイス向けのハイブリッドアプリケーションを作っています。 MonacaのAssetsである…

どうにもsocket.ioのEvent Emitterのなかで$scopeにアクセスできないなと思ったら、どうもAngular.js の DI に突っ込んでおく必要があるようです。ということがHTML5 Rocksに書いてあったのでメモ。 具体的にはこんな感じ。 app.factory('socket', function …

CasperJSはheadless browserを操作してテストやスクレイピングを行うことができるユーティリティセットです。 もともとはWebKitのheadless browserたるPhantomJSしか利用できなかったのですが、このたびv1.1-beta1からGeckoのheadless browserであるSlimerJS…

Kratu by google じっさいにExpress.jsにのっけて動かし見てたのがこちら。 Kratu sample on express Kratuのコードに付属しているサンプルを動かしています。 クライアントサイド と名乗っているとおり、データをもとに動的な表示の変更・相関関係の分析な…