AngularJSの今とこれから - フロントエンドエンジニア座談会 参加メモ。
フロントエンドの技術革新は目まぐるしいスピードで進んでいますが、そんな中、今最も注目を集めているのが「AngularJS」でしょう。最近では、企業向けアプリ開発でも適用が進み、亜種も出現しエコシステムの拡大が進んでいます。しかし、標準技術であるWebComponentsは日々進化し、またFacebookのReact.jsが注目を集め出すなど、競合も負けてはいません。AngularJSの時代に終わりは来るのか!?AngularJSエンジニアを集め、活用するメリット、アーキテクチャの良さを再考してみましょう。
AngularJSについて
- Google製の〜飛ばしますw
- HTML拡張
- directive
- 既存のタグに新しい意味を与える
- SPAを想定して作られている
- データバインディング
- Ajax
- ルーティング
よくある質問
どういうケースで使えばいいですか?
- 管理画面
- ユーザマイページ
- CRUD Apps
- Hybrid Apps
mobileはどうですか?
- 速度を求めなければ大丈夫
custom attributeはdata-xxxが仕様だ!
- 5通りの書き方の中で出来る
SEO対策は?
- 基本的に無理です
jQuery Pluginは使えますか?
- AngularJSをわかっていないと難しいかも
- AngularJS用のPluginがあるのでオススメ
参考になるサイトはありますか?
おしらせ
- ng-japan 2015
- ng-confに続くイベント
座談会
AngularJSをどうゆうふうに活用しているか
- CRUD系アプリ
- 管理画面やユーザ画面
- Wordpressとくっつけたりしたこともあるけどもうやらない
- SNS
AngularJSでデバッグがつらい
- Batarangというデバッグツールを使うといい
- あとは普通にconsole.log
- Karma, Protractor でテスト
なぜAngularJSを選んだのか
- 当時はBackbone.jsと悩んだが、フルスタックなAngualarJSを選択
- 現状ならReact.jsも選択肢にもちろん入る
AngularJSのバージョンはいくつ?
- 1.2から1.3で速度が上がった
XSSへの対応は?
- AngularJSはセキュリティが結構しっかりしている
どんなページに使ってはいけないか
- アニメーション系
- ゴリゴリ使うのは苦手なのでオススメしない
- SEO部分
- JSは実行してくれない
- クローラーにはPhantomJSで対応
- 鉄板というよりは黒魔術感がある
チーム作業はやりやすい?
- AngularJSのルールに従うのでコードの質がある程度揃う
ハマったポイントは?
- directiveを覚えるのが大変
- UI Bootstrapのドラッグ&ドロップ
- template uiを非同期で取得するとテストが落ちる
- jQueryで行ったDOMの変更がAngularJSに伝わらない
AngularJSの注意ポイント
- AngularJSの学習コストが高いので人員の確保が難しい
- オライリー本と夕日本がオススメ
AngularJSアプリケーション開発ガイド
posted with amazlet at 15.02.19
Brad Green Shyam Seshadri
オライリージャパン
売り上げランキング: 285,884
オライリージャパン
売り上げランキング: 285,884
AngularJSリファレンス
posted with amazlet at 15.02.19
池添 明宏 金井 健一 吉田 徹生
インプレス
売り上げランキング: 7,113
インプレス
売り上げランキング: 7,113
まとめ
AngularJSもだいぶ枯れてきた
- 日本語ドキュメントも増えてきた
- disられるようにもなってきたw
AngularJS万能説ではないと思っている
- 何でもかんでもAngularJSを使うのはNG
- メリットデメリットを判断して、jQueryやPureScriptでも良い