タグ

ブックマーク / qiita.com/_likr (2)

  • Angular2でもとりあえずSVGを描いてみる - Qiita

    はじめに 私は日頃からSVGを使ったデータビジュアライゼーションをやっています。 2013年頃、はじめはSVG要素の構築にD3.jsを使っていましたが、性能と書きやすさ、保守性などのバランスをとって、最近ではAngularJSやReactへとライブラリを移行してきました。 AngularJSはお気に入りのライブラリですがデータビジュアライゼーションに使うという点では性能に不安がありました。 Angular2がリリースに向けて着々と準備されているということで、性能も改善されたというAngular2でSVGを描いてみます。 Angular1とAngular2で同じ機能を実装して違いを比べてみます。 どちらもTypeScriptで実装します。 Angular1のバージョンは1.4.8、Angular2のバージョンは2.0.0-alpha.53を使います。 Angular1による実装 まずはお決ま

    Angular2でもとりあえずSVGを描いてみる - Qiita
  • FirefoxOSのパッケージ型アプリとAngularJSのngSrc/ngHref - Qiita

    FirefoxOSのアプリには、通常のWebサイトと同等のホスト型アプリと、アプリのファイルを一つのzipにまとめて配布されるパッケージ型アプリがあります。 注意するべき点として、パッケージ型アプリの場合はオリジンがhttp://<hostname>などではなく、app://<uuid>になります。 AngularJSはFirefoxOSアプリの開発にも力を発揮する強力なフレームワークだと思います。 AngularJSを使ったFirefoxOSのパッケージ型アプリで、ngSrcやngHrefを使ってURLを動的にバインディングする際に起きた問題と対策をシェアします。 ngSrcとngHref img要素のsrcやa要素のhrefで指定するURLまたはその一部をcontrollerで変更したりしたい場合、src/href内に直接{{}}でバインディングするのではなく、ngSrc/ngHref

    FirefoxOSのパッケージ型アプリとAngularJSのngSrc/ngHref - Qiita
  • 1