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アプリケーション開発ガイド
Brad Green Shyam Seshadri
オライリージャパン
売り上げランキング: 285,884
AngularJSリファレンス
AngularJSリファレンス
posted with amazlet at 15.02.19
池添 明宏 金井 健一 吉田 徹生
インプレス
売り上げランキング: 7,113

まとめ

AngularJSもだいぶ枯れてきた

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

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

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