タグ

jQueryとAngularJSに関するmasayoshinymのブックマーク (6)

  • jQueryとAngularJSにおけるAjaxの微妙な違い | ゆっくりと…

    AngularJS の勉強、始めました。 最初はそのプログラミングに関する独特のお約束事項にイラッとしましたが、キモであろう DI を「疎な関係のクラスを(実行時に)結びつけるのに必要な仕組み」と割り切り、DI – 猿でも分かる! Dependency Injection: 依存性の注入 で引用されている ITpro 記事 の クラス図 をコードから想像できるようになったところで、それなりに面白くなってきました。 何より「jQuery が要らなくなる!」のがとっても快感なんです (つらい時もあるけど…)。 さて今回は、jQuery まみれのページを AngularJS で書き換えた時に気付いた Ajax の動作 − 非同期通信の戻り値をいつどこで DOM に反映するか − に関する話題を書いてみます。 jQueryの場合 検索のクエリを渡すと Github のリポジトリを返す関数を例にとっ

  • "Rails 4で作るドラッグアンドドロップで表示順を変更できるサンプルアプリ"をAngularJSで - Qiita

    はじめに 『Rails 4で作るドラッグアンドドロップで表示順を変更できるサンプルアプリ(スクリーンキャスト付き)』という記事,読まれたことがある方も多いと思います. RailsでAjax(via jQuery)を使ったデータの更新,ドラッグアンドドロップの実現,その他UXを向上させるためのいろいろな技などが詰まった最高にありがたい記事です.拝むしかない. お世話になった方も多いのではないでしょうか. 稿はjQuery & jQuery UIで実現されていた機能を,AngularJSを用いて実現してみるという内容になってます. (ざんねんながらスクリーンキャストはありません.眠すぎて撮れませんでした.) 元ネタと大きく異なるところを列挙していくようなものになると思います. ソースコード GitHubにおいてます.ごかくにんください. izumin5210/sortable-table-s

    "Rails 4で作るドラッグアンドドロップで表示順を変更できるサンプルアプリ"をAngularJSで - Qiita
  • Responsive Dashboard - Bootstrapベース、レスポンシブな管理画面テンプレート MOONGIFT

    Bootstrapの良いところは使い手(主にエンジニア)の気持ちを理解し、その利用シーンが想定されていることでしょう。こだわったデザインにすることだってできますが、それでは応用がききません。その汎用性と見栄えのバランスを上手に保っています。 今回紹介するResponsive Dashboardもその応用例と言えます。いわゆる管理画面系のダッシュボードですが、AngularJSとjQueryに対応し、カスタマイズして利用するのが容易になっています。 Responsive Dashboardの使い方 こちらがメイン画面です。管理系で良くありがちなウィジェットがたくさんあります。メニューは左側です。 デスクトップもメニューを折り畳めます。 タブレットサイズになると自動でメニューの文字が折り畳まれます。 スマホサイズ。カラムが1列になります。 Responsive DashboardはBootst

    Responsive Dashboard - Bootstrapベース、レスポンシブな管理画面テンプレート MOONGIFT
  • Q. AngularJSとjQueryの違いは何でしょうか? | POSTD

    私が知っているJavaScriptライブラリといえばjQueryです。 しかし、新規プロジェクトのデフォルトのライブラリとして、プログラマ仲間がAngularJSを導入しました。 私はAngularJSについての知識が全くありません。jQueryと何が違うのでしょうか。 jQueryのタスクとして実行された関数群は、AngularJSでも使用できますか? asked by user825904 Answer(s) jQueryはDOMのエレメントを操作・管理するための優れたツールです。 WebアプリケーションのようなデータのCRUDがなく、DOMのエレメント操作についてのみ言えば、 jQueryは最高のツールの一つです(AngularJSでも同様の操作が可能です)。 AngularJSは以下の特徴を持つフレームワークです。 双方向データバインディング MVWパターン(MVCの派生パターン)

    Q. AngularJSとjQueryの違いは何でしょうか? | POSTD
  • AngularJS 製アプリで jQuery を使いたい | DevelopersIO

    記事で使用している AngularJS のバージョン 1.2.16 angular.element 先日紹介した ng Global APIs の中に angular.element というメソッドが用意されています。 このメソッドは、デフォルトでは "jQuery lite" または "jqLite" と呼ばれる AngularJS が提供する jQuery のサブセット ( 軽量版 jQuery ) オブジェクトを返しますが、ドキュメントを読む限り制限が多く、困ることが少なくありません。 どのくらい制限されているかというと、、、 https://docs.angularjs.org/api/ng/function/angular.element より addClass() after() append() attr() bind() - Does not support namesp

    AngularJS 製アプリで jQuery を使いたい | DevelopersIO
  • AngularJSではjQueryを使わない - The Round

    注:古い記事の為、内容が最新ではない可能性がありますm(_ _)m AngularJSではjQueryを使わない どうもマツウラです。 AngularJSでjQueryプラグインを使う方法を調べました。 結論から書くとなるべくdirectiveで書きなおして下さい、ということです。 プラグインをそのまま使いたい気持ちはありますが、理由があるんです。 まず、AngularJSで使う方法をみてみます。 プラグインが適用されない。 directiveのlink関数に書く。 .directive('myDirective', function() { return { link: { post: function(scope, element, attr) { //... } } } }) 動的に生成されたDOMに対してプラグインが適用されない。 $timeoutを使う。 $timeout(fun

    AngularJSではjQueryを使わない - The Round
  • 1