AngularJSの今とこれから - フロントエンドエンジニア座談会

AngularJSについて

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 があるのでオススメ

参考になるサイトはありますか?

おしらせ

座談会

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アプリケーション開発ガイド

AmazonでBrad Green, Shyam Seshadri, 牧野 聡のAngularJSアプリケーション開発ガイド。アマゾンならポイント還元本が多数。Brad Green, Shyam Seshadri, 牧野 聡作品ほか、お急ぎ便対象商品は当日お届けも可能。またAngularJSアプリケーション開発ガイドもアマゾン配送商品なら通常配送無料。

AngularJSリファレンス

Amazonで池添 明宏, 金井 健一, 吉田 徹生, 丸山 弘詩のAngularJSリファレンス。アマゾンならポイント還元本が多数。池添 明宏, 金井 健一, 吉田 徹生, 丸山 弘詩作品ほか、お急ぎ便対象商品は当日お届けも可能。またAngularJSリファレンスもアマゾン配送商品なら通常配送無料。

まとめ

AngularJS もだいぶ枯れてきた

  • 日本語ドキュメントも増えてきた
  • dis られるようにもなってきたw

AngularJS 万能説ではないと思っている

  • 何でもかんでも AngularJS を使うのは NG
  • メリットデメリットを判断して、jQuery や PureScript でも良い