ng-conf 2014っていうイベントが1月にあったようですね。
YouTubeで動画が公開されている(でもすべてではない)ので助かります。とても勉強になりますね。ほんと、いい時代になったものです。
さて、Daniel ZenのTalkを見ました。AngularJSでモバイルアプリを作るために使えるライブラリがいっぱい紹介されていたのでメモしておきます。
PhoneGap
まず、PhoneGap。 今では、Open Sourceなんですね。
使ったことはないですが興味はあります。 一部ネイティブ関数にもアクセスできるようです。
http://en.wikipedia.org/wiki/Phonegap#Supported_platforms
APNも使えるようですね。個人的にはこれが一番大きいかな。
ngTouch
次は、ngTouch。 これは、Angularのモジュールです。タッチイベントを扱えるそうです。 一方、300ms問題だけなら、fastclickでよさそうです。
angular-mobile-nav
続いて、angular-mobile-nav。iOS5くらいのLook&Feelが簡単に作れるライブラリのようですが、READMEによるとangular-1.2だったらもっと簡単にできるということなので、今後使う機会はなさそうです。
angular-gestures
angular-gesturesは、その名の通りジェスチャーを使うためのディレクティブを提供してくれるようです。基本的には、hammer.jsのラッパーなのでしょうか。
angular-jqm
angular-jqmはjQuery Mobileのラッパーディレクティブです。jQueryなんて使わないぜ、と思っていたら、なんとこのライブラリ、jQueryとjQuery MobileのJSには非依存だそうです。つまり、jQuery MobileのCSSを使っているだけ。一気に気に入りました。そのセンスがいいです。機会があれば使ってみたいと思います。
AngularJS Native
これは、PhoneGapのネイティブ関数を呼ぶためのラッパーのようなものでしょうか。それぞれモジュールごとに分かれているようです。
- https://github.com/btford/angular-phonegap-accelerometer
- https://github.com/btford/angular-phonegap-notification
- https://github.com/btford/angular-phonegap-geolocation
angular-carousel
angular-carouselは、carouselを簡単に実現するためのライブラリです。 carouselってなんて訳すのでしょう？カルーセル？ デモを見れば一発で分かると思います。
angular-snap
angular-snapは、snap.jsのラッパーディレクティブです。最近のモバイルアプリでよくある画面全体がスライドしてメニューがでるUIができるようです。snap.jsは依存ライブラリもなく、サポートブラウザも多く、設定も柔軟なようで魅力的です。
Ionic Framework
Ionic Frameworkは、PhoneGap用のフレームワークです。AngularJSも使われているとのことです。このフレームワークの範囲内でできることをやる分には簡単にできそうです。
その他、Tips等も紹介されていますので、興味がある方は直接スライドを見るとよいでしょう。
コメント