[B! angular2] zonoiseのブックマーク

Angular2 AoTコンパイルでTechFeedを高速化した話

前回のエントリで、TechFeedをProgressive Web Apps化した件について書きました。今回（2016/11/8）のバージョンアップでは、もう一つ大きなトピックがあります。それはAngular2のAoTビルドに対応したことでTechFeedの起動時間を大幅に削減したことです。 Angular2のAoT（Ahead of Time）ビルドについては、ググってみても意外と日本語のいい記事がないので、ちょっとだけ解説します。 AoT概要Angular2アプリは、コンポーネントのツリーによって構成されます。コンポーネントは初期化される時に依存しているオブジェクトを注入（Dependency Injection）されたり、コンポーネントの状態を検知してUIを書き換えたりと言った様々な処理が必要です。Angular2は、ランタイム本体がそれらを動的に行うのではなく、そうした処理をハード

zonoise 2016/11/11

angular2

リンク

angular2 Component間データ受け渡しメモ - kubotti’s memo

anguler2のチュートリアルを改造していて、 serviceで実行したHTTP POST通信の処理結果によって、呼び出し元componentの画面を変更したくなった。 angular2 - Global Events in Angular 2 - Stack Overflow Service Events というものがあるらしい。 my app @Output() loginError = new EventEm itter(); を足して、イベントを発生させたい（呼び出し元componentの関数を実行したい）タイミングで、 this.loginError.em it("Error:server returns false"); のようにevent em it service.ts import {Injectable} from 'angular2/core'; import {Ou

zonoise 2016/10/19

リンク

Angular2でAjaxを使ってデータを取得する（Httpクライアント）

Httpクライアントこれから全部で3つのコードを紹介します。今回例で使うソースコードは公式リファレンスで紹介されているものです。 Ajaxで取得したデータをリストで表示します。 app/toh.component.ts import { Component } from '@angular/core'; import { HTTP_PROVIDERS } from '@angular/http'; import { HeroListComponent } from './hero-list.component'; import { HeroService } from './hero.service'; @Component({ selector: 'my-toh', template: ` <h1>Tour of Heroes</h1> <hero-list></hero-list>

zonoise 2016/10/19

リンク

Articles by thoughtram

zonoise 2016/10/19

angular2

リンク

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を非常によくサポートしているので、アプリ全体にリアクティブプログラミングを取り入れることができ、

zonoise 2016/10/18

リンク

ng-japan 2016 セッション資料まとめ - Qiita

2016年3月21日、ng-japan 2016に参加しました。とても有用な情報が獲得できたのですが、資料などのURLが散らばってたのでまとめました。全体のTogetter http://togetter.com/li/952725 ng-japan 2016 - C+D Room (主にAngular2関連のセッション) Yotube https://www.youtube.com/watch?v=4QVMhM75XK8 Angular 2の失敗しない始め方 / 稲富駿資料 - http://laco0416.github.io/slides/a-way-for-happy-angular-days/#/ Togetter - http://togetter.com/li/953341 Angular2実践入門 / 白石俊平資料 - http://www.slideshare.