JavaScript

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の中でも使…

node-webkitおもしろいね

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

ウェブアプリの開発中はファイルを変更するたびにforemanにきちんと再起動してほしいんだけど?の回答がへ〜と思ったメモ

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

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 …

CasperJSがGecko(SlimerJS)にも対応していたので試してみたメモ

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

Googleのクライアントサイドデータ分析フレームワークKratuをExpress.jsで動かしてみた

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