NgModule導入について · Angular Info
どうも、らこです。RC.5のリリースがおそらく来週と迫っていますが、多くのバグ修正と共に新しい機能が追加されます。 NgModuleはこれまでのAngular2で不便だったこと、複雑だったことを一気に解決してくれる新機能です。 RCも大詰めとなったこのタイミングで導入されることに困惑するかもしれませんが、 ぜひとも対応してもらいたいと思います。 はじめに NgModuleは完全に新しく導入されたAPIであり、既存のAPIへの破壊的変更ではありません。 ただし、従来の方法は非推奨となり、stableリリースの段階では廃止される予定です。 RC.5からは移行期間に入るものと思っていてください。 NgModule NgModuleの概要についてスライドを作ってあるので、これをベースに解説します。 NgModuleの概要 NgModuleは、ディレクティブやパイプ、サービスなどをひとまとめにしたモ
Angular (2+), Ngrx/Store & Ngrx/Effects – Intro To Functional Approach For A Chain Of Actions – Oren Farhi – Javascript, Angular Consulting, Ngrx Consulting Network, Angular Developer
The Ngrx projects adds functional approach to various interesting architectural implementations. I wrote about my experience with storing data using ngrx/store and testing this approach in Angular (+2) based app. Since then, I’ve had the chance of exploring this land of ngrx further more. I’ve found ngrx/effects to be an elegant and quite functional solution for expressing a series of actions whic
Protecting Routes using Guards in Angular
In our last article, Routing in Angular revisited, we talked about the latest changes in the router APIs. While we covered how to set up basic routes, access parameters and link to other components, we haven’t really talked about more sophisticated use cases like protecting routes. Protecting routes is a very common task when building applications, as we want to prevent our users from accessing ar
Lucid
Introduction: Angular 2 and Lucidchart Lucidchart launched in 2010 as one of the very first and most impressive graphical applications on the web. Over the course of several years, it has grown organically to include an incredible array of features. However, for many users it has become unwieldy over time, and its complexity can sometimes get in the way of its core value: drawing diagrams more qui
Electron + Angular2でMarkdownでスライドを作れるプレゼンテーションツールを作っている - Please Drive Faster
Angular2を学ぶ目的から、最近はElectron + Angular2でプレゼンテーションツールを作っている。 とりあえず一通り動くところまでできたのでpublishした。 github.com 使い方はこんな感じ。 エレベーターの中の30秒でちゃんと相手に伝わるプレゼンをすることを意味するElevator Pitchという言葉があるんだけど、Cafe Pitchという名前はそこからきている。 素早くプレゼンを作るためのツールだけど、現実30秒でプレゼン作れないだろじゃあcafeかな、みたいな感じで、まとめるとそんなに深い意味はないです。 ちゃんと実行できるバイナリを用意しようとは思ってるけど、その辺の準備に必要なことがまだわかっていないのでnpmでglobalにinstallすれば使える、という感じ。 このあたりの記事を見ると分かりそうなので、追って対応していこうかなと思う。 あと
Angular 2のローカル変数とexportAs
Angular 2には local variables (ローカル変数)という機能があります。 公式のチュートリアルやデベロッパーガイドを読んでいると突然登場してみなさんを惑わしているかもしれません。 しかし、この機能はAngular 2を使いこなす上でとても重要なものなので、ぜひ知っておきましょう。 ローカル変数と # シンタックス ローカル変数とは、コンポーネントのテンプレート中で定義して使用できる変数のことです。 ローカル変数には原則として、ローカル変数を定義した要素のインスタンスが代入されます。 ローカル変数の定義は # シンタックスを使います。 次の例では、 input 要素をローカル変数 i として定義し、 ボタンをクリックするときに input 要素の値をコンポーネントに渡しています。 @Component({ selector: 'my-app', template: `
Angular2は「モダンJavaScriptの学習セット」！エキスパートによるディスカッションが熱かった（詳細な注釈付き！）
Angular2は「モダンJavaScriptの学習セット」！エキスパートによるディスカッションが熱かった（詳細な注釈付き！） 白石 俊平（HTML5 Experts.jp編集長） こんにちは、編集長の白石です。 去る3月9日、AngularJSのエキスパートによる座談会におじゃまさせていただきました。この座談会はAngularJS Japan User Groupの佐川 夫美雄さんの呼びかけによるもので、お題はもちろん、現在β版として公開中のAngular2。「ハードル高い」「Angular1と違いすぎる」など、いろんな情報も飛び交う中で、Angular2の魅力と課題について存分に語っていただきました。 Angular2に関心のある方にはもちろんのこと、Angular1しか触ったことのない方、そもそもAngularJSは初めてという方にとっても貴重なご意見が満載！エキスパート同士の会話と
The new AdWords UI uses Dart — we asked why
For the latest Dart news, visit our new blog at https://medium.com/dartlang . Google just announced a re-designed AdWords experience. In case you’re not familiar with AdWords: businesses use it to advertise on google.com and partner websites. Advertising makes up majority of Google’s revenue, so when Google decides to completely redo the customer-facing front end to it, it’s a big deal. The Dart
A Way for Happy Angular Days
TOPGATE, Inc. I 💖 Google / 🍺 / Anime TypeScript/Golang Angular2 Info https://ng2-info.github.io Agenda FAQ and Misunderstanding Angular 2 Fundamental Things to Learn Angular 2 FAQ and Misunderstanding the Fact Q. "AngularJS 2?" "Angular JS 2" "Angular" contains ... Framework library Browser/Web Worker/Electron/Native/... Server-side CLI ... "Angular" = Platform Q. "I MUST learn TypeScript?" yo
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を非常によくサポートしているので、アプリ全体にリアクティブプログラミングを取り入れることができ、
Angular2とMVC, Flux, Clean Architecture 前編 - Qiita
Angular2製アプリの設計についてのメモを共有する。 MVC, FluxをAngular2のComponent, DI, ChangeDetectionを利用した実装に落とし込んでいく。さらに、Clean ArchitectureなどのLayered Architectureへの発展を検討する。自分の主にAngular2への理解不足により、間違った情報やおかしな解説が含まれているかも知れない。必要に応じて追記、修正していく。前編と後編に分けている。後編は、量によってはこの前編に追記する形をとるかもしれない。 MVC, Flux FluxはMVCに基づき、データフローを単方向にしたパターンである(というか、ほぼObserverパターンによるMVCの設計に名前を与えたものと解釈している。なお、MVCという概念は本来、特定の設計を指すものではない)。Fluxの解説は世に溢れているおかげで単方
Angular 2 Change Detection Explained
Read the article here → Change Detection? Change Detection Goal: Data Projection* What causes change? <h1>{{firstname}} {{lastname}}</h1> Change name @Component() class App { firstname:string = 'Pascal'; lastname:string = 'Precht'; changeName() { this.firstname = 'Brad'; this.lastname = 'Green'; } } @Component() class App { firstname:string = 'Pascal'; lastname:string = 'Precht'; changeName() { th
Dependency Injection in Angular 2 - By Pascal Precht
Angular GDE Working on ng2 docs Trainer at @thoughtram That's my soap bubble gun Oh my gosh this talk on Angular 2's DI by @PascalPrecht blows my mind! #techtalks_NS Let's talk about dependency injection! "Dependency Injection ...as design pattern ...as framework." DI as a design pattern a.k.a. the 5-cent concept class Car { constructor() { this.engine = new Engine(); this.tires = Tires.getInstanc
Angular — Introduction to Redux
FluidScapes by Reza AliRedux, now in version 3, has been around less than a year but it has proved very successful. Inspired by Flux and Elm, is used to handle Application state and bind it to the User Interface in a very effective way. Redux also enables cool features like hot reloading or time travel with little effort. Redux is usually seen with React but it can be used separately. Redux builds
2016年のAngular2について | Angular2 Info
2015年12月にBeta.0バージョンをリリースしたあと、年末年始の休暇もあってしばらくおとなしかったAngular2開発チームですが、今週から本格的にBeta.1に向かって活動を再開しました。 新年最初のミーティングが1/4に行われたので、その議事録から今後の短期〜中期のAngular2の展望を予想します。 議事録 Post beta.0 (and post ngmaterial 1.0) check-in and what’s next? (Brad/Igor) まずはじめに、angular2 beta.0とangular-matetial 1.0がリリースされたので、次に何を行うべきかを話し合っています。 挙げられたのは次の項目 パフォーマンスの向上とライブラリのファイルサイズ圧縮 FormやRouterについてのフィードバックを公開 angular2-materialの開発 Go
Angular2のHttpモジュールを眺めてベストプラクティスを考える - Qiita
@laco0416 です。今回はHttpモジュールの機能を眺め、アプリケーション中で使う際のベストプラクティス案みたいなものを考えていこうと思います。 なお、本稿で扱うAngular2のバージョンはbeta.0です 基本的な使い方 まずはざっとAPIリファレンスを眺めます。 https://angular.io/docs/ts/latest/api/ 重要なのは以下のシンボルです。 HTTP_PROVIDERS Http Request Response HTTP_PROVIDERSはHttpクラスのインスタンスをDIで取得するために必要なプロバイダのセットです。テストでモックサーバーなどを差し込みたい場合はこのプロバイダをいじくります。 HttpはAjaxの主役、いわゆるクライアントです。このクラスのメソッドでリクエストを送り、レスポンスを受け取ります。 RequestはHttpクラスが
【古い内容です！！！】Angular 2 を試してみた感想とハマりどころ - Qiita
Angular 2 alpha.11, alpha.13 時点の情報です。現時点の最新版とは全く異なる内容です。現在では公式サイトのドキュメントが充実しているので、そちらを参照することをおすすめします。 昨日参加してきた ng-japan の間、Angular 2 の 5 Min Quickstart という Hello World 的なサンプルから始めて、貧弱な TODO アプリを作ってみました。感想と、その過程でいろいろハマったところを書いてみます。 まずは感想から。 別のフレームワーク？ やっぱり Angular 1.x とは別のフレームワークだなあという印象です。概念も書き方もツールも違う。ライブラリもそのまま使えない。Angular とは別の名前にした方がいいのでは、というくらいです。 現時点では、他のコンポーネント志向のフレームワークに乗り換えてもコストは同じな気がします。Ne
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
How does Angular 2 Change Detection Really Work?
Angular2 Dart - My experience so far - Hashnode
jhades.org - このウェブサイトは販売用です！ - jhades リソースおよび情報