Angular.js

AngularjsでDirectiveを作るときに考えていること

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

AngularJSでDraggable directiveを作った

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

Angularjsのfilterをcontrollerから使う

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

Phonegap Storage APIのAngularJS wrapperを書いた

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

AngularJSのバーコードリーダーpluginを作った

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

Socket.IOとAngular.jsを使ったアプリケーションを作るときにやっておくこと

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