POSTD PRODUCED BY NIJIBOX

POSTD PRODUCED BY NIJIBOX

ニジボックスが運営する
エンジニアに向けた
キュレーションメディア

POSTD PRODUCED BY NIJIBOX

POSTD PRODUCED BY NIJIBOX

ニジボックスが運営する
エンジニアに向けた
キュレーションメディア

FeedlyRSSTwitterFacebook
Stack Overflow

本記事は、原著者の許諾のもとに翻訳・掲載しております。

私が知っているJavaScriptライブラリといえばjQueryです。
しかし、新規プロジェクトのデフォルトのライブラリとして、プログラマ仲間がAngularJSを導入しました。

私はAngularJSについての知識が全くありません。jQueryと何が違うのでしょうか。
jQueryのタスクとして実行された関数群は、AngularJSでも使用できますか?

asked by user825904


Answer(s)

jQueryはDOMのエレメントを操作・管理するための優れたツールです。 WebアプリケーションのようなデータのCRUDがなく、DOMのエレメント操作についてのみ言えば、 jQueryは最高のツールの一つです(AngularJSでも同様の操作が可能です)。

AngularJSは以下の特徴を持つフレームワークです。

  1. 双方向データバインディング
  2. MVWパターン(MVCの派生パターン)
  3. テンプレートとしてのHTML
  4. カスタムディレクティブ(再利用可能なコンポーネントと独自のマークアップ)
  5. REST志向
  6. ディープリンク(動的ページにリンクを設定)
  7. フォームバリデーション
  8. サーバとの連携
  9. ローカライゼーション
  10. 依存性注入(DI)
  11. 充実したテスト環境(ユニットテスト、e2eテスト)

このプレゼンテーション資料や、 よくできた入門サイト もチェックしてみてください。
公式の開発者ガイドを一読することもお忘れなく。
または、こういったすばらしいチュートリアル映像などで学習してください。
jQueryはAngularJSと問題なく併用することができます。
jQueryは優れたツールであると言いましたが、AngularJS は内部にjQuery liteを組み込んでいます。

FAQより

Q. AngularJSでjQueryライブラリを使用できますか?

A. はい。AngularJS起動時にjQueryがアプリケーション内にあれば利用可能です。 jQueryがスクリプトのパスに無い場合、AngularはjQLiteと呼ばれるAngularJS組み込みであるjQueryのサブセットへ委譲します。

ただし、jQueryによってDOMを変更する場合は、AngularJSのコントローラ内ではなく、ディレクティブ内で行ってください。

Answerer : maxisam

監修者
監修者_古川陽介
古川陽介
株式会社リクルート プロダクト統括本部 プロダクト開発統括室 グループマネジャー 株式会社ニジボックス デベロップメント室 室長 Node.js 日本ユーザーグループ代表
複合機メーカー、ゲーム会社を経て、2016年に株式会社リクルートテクノロジーズ(現リクルート)入社。 現在はAPソリューショングループのマネジャーとしてアプリ基盤の改善や運用、各種開発支援ツールの開発、またテックリードとしてエンジニアチームの支援や育成までを担う。 2019年より株式会社ニジボックスを兼務し、室長としてエンジニア育成基盤の設計、技術指南も遂行。 Node.js 日本ユーザーグループの代表を務め、Node学園祭などを主宰。