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

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

フロントエンドの技術革新は目まぐるしいスピードで進んでいますが、そんな中、今最も注目を集めているのが「AngularJS」でしょう。最近では、企業向けアプリ開発でも適用が進み、亜種も出現しエコシステムの拡大が進んでいます。しかし、標準技術であるWebComponentsは日々進化し、またFacebookのReact.jsが注目を集め出すなど、競合も負けてはいません。AngularJSの時代に終わりは来るのか！？AngularJSエンジニアを集め、活用するメリット、アーキテクチャの良さを再考してみましょう。

　

AngularJSについて

• Google製の〜飛ばしますｗ
• HTML拡張
  • directive
  • 既存のタグに新しい意味を与える
• SPAを想定して作られている
  • データバインディング
  • Ajax
  • ルーティング

　

よくある質問

どういうケースで使えばいいですか？

• 管理画面
• ユーザマイページ
• CRUD Apps
• Hybrid Apps

mobileはどうですか？

• 速度を求めなければ大丈夫

custom attributeはdata-xxxが仕様だ！

• 5通りの書き方の中で出来る

SEO対策は？

• 基本的に無理です

jQuery Pluginは使えますか？

• AngularJSをわかっていないと難しいかも
• AngularJS用のPluginがあるのでオススメ

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

• js STUDIO
• Egghead.io
• ドットインストール
• AngularJS Ninja
• Ionic

おしらせ

• 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もだいぶ枯れてきた

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

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

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