[B! codezine][angular-2] nabinnoのブックマーク

「Angular 2」コンポーネントのライフサイクルを知って使いこなす

はじめに Angular 2はGoogleとオープンソースコミュニティで開発されているJavaScriptフレームワークで、従来のAngularJS（AngularJS 1）の次期バージョンです。 Angular 2で作成したWebページを構成するコンポーネントは、表示時に生成され、画面の入力や表示などで状態が変更されて、非表示時に破棄されるといったライフサイクルが定義されています。開発者は、ライフサイクルの変化ごとに呼び出されるメソッド（ライフサイクルフック）を実装して、ライフサイクルに対応した処理を実行できます。本記事では、Angular 2のライフサイクルとライフサイクルフックについて、サンプルを使って説明していきます。対象読者 Angular 2をより深く使いこなしていきたい方最新のフレームワークを活用したい方 Angular 2が裏でどう動いているか気になる方必要な環境

nabinno 2017/04/12

リンク

「Angular 2」のHTTPクライアント機能で非同期HTTP通信を使いこなす

はじめに Angular 2はGoogleとオープンソースコミュニティで開発されているJavaScriptフレームワークで、従来のAngularJS（AngularJS 1）の次期バージョンです。最近のWebページでは、画面の内容を動的に更新するなどの目的で、JavaScriptの処理で非同期にWebサーバーとHTTP通信する処理が多用されます。Angular 2では、この非同期HTTP通信の実装をより簡単に行うためのライブラリが提供されます。本記事では、HTTP通信を提供するAngular 2のHTTPクライアント機能について、サンプルとともに説明していきます。対象読者 Angular 2をより深く使いこなしていきたい方最新のフレームワークを活用したい方 WebAPIと連携してこそモダンなWebサイトだと思う方必要な環境 Angular 2はJavaScriptのフレームワーク

nabinno 2017/03/04

リンク

ロジックを画面から分離できる「Angular 2」のサービスと依存性注入

はじめに Angular 2はGoogleとオープンソースコミュニティで開発されているJavaScriptフレームワークで、従来のAngularJS（AngularJS 1）の次期バージョンです。2016年9月に正式版がリリースされ、本格的に利用できる環境が整いました。Angular 2はAngularJS 1に対して多くの変更点があり、コードの記述法も基本的に異なります。前回記事では、Angular 2のWebページを構成する要素である、コンポーネントやモジュールについて説明しました。これらを利用すると、実装を分割して互いの影響範囲を限定することができます。しかし、ログ出力のようにさまざまな箇所で使われる処理や、ビジネスロジックのような画面から独立した処理は、独立して実装した処理を、後から追加できれば便利です。Angular 2ではこのような機能として、独立した処理を実装する「サービ

nabinno 2016/11/24

リンク

Google、Webアプリケーション用のフレームワーク「Angular 2」正式版をリリース

「Angular 2」は、Router、FormsをはじめとするコアAPIをより使いやすくしたほか、Angular CLIおよびstyleguideの生産性を高めるなど、さまざまな機能向上を果たしている。なお、これまで開発者に混乱を生じさせてきた、バージョン表記における「RC」ラベルは、安定リリースにおける依存性の管理を目的としていたが、「Angular 2.0.0」からはセマンティックバージョニングに移行する。新たに導入したバージョンルールでは、非互換APIが導入される場合がメジャーアップデート、後方互換性を維持した機能追加がマイナーアップデート、後方互換性を維持したバグフィックスがパッチとなる。今後は、APIのバグフィックスおよび互換性を維持した機能追加が行われるほか、ガイドや例示機能の拡充、アニメーション機能の向上、「Angular Material」のアップデート、「WebW

nabinno 2016/11/08

リンク

「Angular 2」の構成単位「コンポーネント」「モジュール」を使いこなそう

はじめに Angular 2はGoogleとオープンソースコミュニティで開発されているJavaScriptフレームワークで、現行AngularJS（AngularJS 1)の次期バージョンです。リリース候補版の状態が長く続いていましたが、2016年9月時点に正式版（2.0.0）がリリースされました。Angular 2はAngularJS 1に対して多くの変更点があり、コードの記述法も基本的に異なります。 Angular 2はコンポーネントやモジュールと呼ばれる、Webサイトの実装を分割する仕組みを備えており、Angular 2自体も複数のモジュールから構成されています。これらの仕組みを活用して、実装を分割して見通しの良いソースコードを書いたり、ソフトウェア部品として別のWebサイトに移植したりできます。本記事では、Angular 2のコンポーネントやモジュールについて紹介します。まずコン

nabinno 2016/10/24

リンク

「Angular 2」のデータバインディングとディレクティブ記述法

はじめに Angular 2はGoogleとオープンソースコミュニティで開発されているJavaScriptフレームワークで、現行AngularJS（AngularJS 1)の次期バージョンです。2016年8月時点のバージョンは2.0.0-rc.5で、まもなく正式リリースという状況になっています。Angular 2はAngularJS 1に対して多くの変更点があり、コードの記述法も基本的に異なります。 AngularJS 1ではビューとデータモデルを関連付けるデータバインディングや、ディレクティブと呼ばれる独自のHTML記述が利用できました。これらはAngularJSの特徴として真っ先に言及される機能で、Angular 2でももちろん利用できます。しかし記述方法が微妙に異なっており、最初は違和感を感じるかもしれません。そこで本記事では、Angular 2でデータバインディングやディレクティ