タグ

angularに関するtakaesuのブックマーク (8)

  • AngularJS TIPS - 処理対象別インデックス

    Karma+Jasmine - AngularJSアプリの単体テストを実施するには?(準備編) - AngularJSアプリの単体テストを実施するには?(実行編) - AngularJSのサービスを単体テストするには? - AngularJSのコントローラーを単体テストするには? - AngularJSのディレクティブを単体テストするには? this - thisキーワードの参照先を固定するには?(bindメソッド) イベントリスナー - イベントリスナーを登録するには?(ng-clickなど) カスタムフィルター - フィルターを自作するには?(filterメソッド) - パラメーターを持ったフィルターを定義するには?(filter/identity/noopメソッド) - 既存のフィルターを利用して新たなフィルターを定義するには?($filterサービス) - AngularJS

  • AngularJS のデータバインドを支える $watch - AngularJS Ninja Blog

    AngularJS の強力なデータバインドを支える仕組みのうち、まず $watch について取り上げる。 $watch を使えば、監視(Observe)したいオブジェクトやプロパティが変化したときに実行する処理(リスナー)を容易に記述できる。 $watch を利用する場所は scope のある directive や controller で、ng-model や ng-bind のようなデータバインドする directive を独自に実装する場合や、モデルの変更に応じて処理をバインドする場合などに使用できる。 $digest サイクル $watch による変更検知処理は、ポーリング的(一定間隔で頻繁)に実施されるのではなく、以下のイベントが生じたときに $digest サイクル(または $digest ループ)と呼ばれる処理が実行され、その中で実行される。 イベント 概要

  • AngularJSのControllerとScopeの基礎を学ぼう

    連載企画「AngularJS徹底解説」の第3回目は、ControllerとScopeの基礎について解説していきます。 AngularJS は MVW(hatever)!!! AngularJSはMVC(Model-View-Controller)フレームワークと呼ばれることが多いですが、一部の開発者からは MVVM(Model-View-ViewModel)である、という声もあがっていて、ある時期に「一体どっちなんだ!?」という状態になりました。 そこで、そういった経緯に対してAngularJSチームが、そこについての議論は筋ではないとして、AngularJSはMVW(Model-View-Whatever)である、と明言しています。 今回解説するControllerは、このWhateverの役割にあたる機能です。実際に「Whatever = 何でもいい」とはいっても、”Controll

    AngularJSのControllerとScopeの基礎を学ぼう
  • Angular 2 versus React: There Will Be Blood

    By Cory House Angular 2 has reached Beta and appears poised to become the hot new framework of 2016. It’s time for a showdown. Let’s see how it stacks up against 2015’s darling: React. Disclaimer: I enjoyed working in Angular 1 but switched to React in 2015. I’ve published Pluralsight courses on React and Flux and React and Redux in ES6 (free trial). So yes, I’m biased. But I’m attacking both side

    Angular 2 versus React: There Will Be Blood
  • Angular1から2への移行プロセス、詳しく語ります

    Angular2のリリースが近づいてきている今、Angular1で開発された資産を、どうやってAngular2に移行していけばよいのでしょうか? この記事では、実際に移行を行う上でのプロセスを具体的に示していきます。 編集部注: この記事は、2016年3月21日に開催された「ng-japan 2016」のセッション「Angular1.4で作られた自社マイクロサービスを2へマイグレーション」についての、講演者自身によるレポートです。講演内容に加えて、講演者自身による解説や追記によって、よりわかりやすく詳細な記事に仕上げていただきました。 セッションの講演資料と動画はこちらになります。 講演資料 講演動画(4:19:52付近から始まります) Angular1から2へ移行する前に Angular2への移行を始める前に、Angular1の構成やソースコードを整理する必要があります。公式サイトに「U

    Angular1から2への移行プロセス、詳しく語ります
  • kfug.jp - このウェブサイトは販売用です! - kfug リソースおよび情報

    This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

  • npm i angular2してHello World!するところまで - Qiita

    【160325追記】この記事はAngular 2 alpha時代に初稿を仕上げ、それ以降は変更にあわせて保守を続けていましたが、そろそろ差が大きくなってきたため改稿版として別の記事を用意しました。今後はそちらをご覧ください。 @armorik83です。初日である昨日は、このアドベントカレンダー最大のサプライズとして@btford氏に寄稿していただきました。アドベントカレンダーの立ち上げ直後からオファーし、日の「アドベントカレンダー」という特殊なTech系の事情を説明し、Angular 2のカレンダーをぜひ飾ってほしいという旨で依頼したことを覚えています。直前になって、時差で向こうはまだ11月なため日のカレンダー開始に気付いていなかった、という笑い話も乗り越え、公開にこぎ着けたことを喜ばしく思います。 Thank you so much for contributing! Angular

    npm i angular2してHello World!するところまで - Qiita
  • Angular 2で作った最初のアプリの事後分析 : 使ってわかったAngular 2の長所と短所 | POSTD

    最近、Angular 2を使ってWebアプリ作成の手伝いをする機会がありました。このフレームワークの複雑さに戸惑いもありましたが、Angular 2は間違いなくすばらしいものです。この事後分析では私がAngular 2のフレームワークを使った時に感じたいい面と悪い面の両方を掘り下げていくことにします。 Angular 2 Angularは携帯電話やデスクトップのWebアプリケーションを作成するための開発プラットホーム。 https://angular.io/ Angular 2+リアクティブプログラミング=❤ 私はすでに、Angular 1アプリケーション ではRxJSをかなり使っていました。特に、サービス間のメッセージ・バスを行うアプリを作成する時です。Angular 2はObservableを非常によくサポートしているので、アプリ全体にリアクティブプログラミングを取り入れることができ、

    Angular 2で作った最初のアプリの事後分析 : 使ってわかったAngular 2の長所と短所 | POSTD
  • 1