JavaScript
最近、仕事や趣味で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のコードに付属しているサンプルを動かしています。 クライアントサイド と名乗っているとおり、データをもとに動的な表示の変更・相関関係の分析な…