FlutterのBLoCパターンをAngularで理解する - 余白
この記事ではAngularDart/Flutterの文脈で新しいコンポーネント設計パターンとして広まりつつあるBLoCパターンを、Angularの語彙で理解し、実装する方法を紹介する。 BLoCパターンとは BLoCとは、Business Logic Componentの略である。 BLoCを使ったアプリケーションの実装パターンをBLoCパターンと呼ぶ。 まず誤解を招きそうなポイントとして、この"Component"はReactやAngularなどでいうところのビューを構築する"コンポーネント"ではない。 一般的な単語としての、アプリケーションを構成するひとかたまりの要素という意味の"Component"なので誤解しないこと。 対比するレベルとしては、"UI Component" vs "Business Logic Component"のようになる。 BLoCは複数の環境向けにアプリケー
AngularJSをAngular移行するために調査したこと - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? AngularJSのアプリをAngularへ移行するにあたって何が必要になるのかを洗い出す必要がありました。 その時に調べたことをまとめておきます。 なお、この記事を書いた時点でAngular移行の作業はまだ着手開始から3週間ぐらいの状態です。 前提 ざっくりいうと、TypeScriptとWebpack使ってるんで一般的には相当Angular移行しやすい方だと思います。 移行するアプリの構成 ベースはこちらの記事の通り http://tech-magazine.opt.ne.jp/entry/2016/07/27/190409#オプトの
Two Approaches to Upgrading Angular Apps
Victor Savkin is a co-founder of nrwl.io, providing Angular consulting to enterprise teams. He was previously on the Angular core team at Google, and built the dependency injection, change detection, forms, and router modules. Many organizations have large AngularJS 1.x applications deployed to production. These applications may be built by multiple teams from different lines of business. They may
AngularJS and scope.$apply — Jim Hoskins
If you’ve written a non-trivial amount of code in AngularJS, you may have come across the $scope.$apply() method. On the surface, it may seem like just a method you call to get your bindings to update. But why does it exist? And when do you need to use it? To really understand when to use $apply, it’s good to know exactly why we need to use it, so let’s dive in! JavaScript is Turn Based The JavaSc
Angular2のDIを知る - Qiita
どうも、@laco0416です。本アドベントカレンダーでは3回目の投稿です。 Angular2のDIを知る 今回の目標は「Angular2のDIを知る」ということで、まずは基本的なところからおさらいしていきます。 Angular2のDIの使い方 まずは一番単純なDIの使い方を解説します。そもそもDIとは…という話になると複雑になるので省きますが、Angular2においては「 Providerから提供されているインスタンスを特定の変数にInject（注入）する仕組み 」のことを指します。 Provider と Inject の2つの関係は重要なので頭に入れておきましょう。 Injectされる側 今回はFooServiceというクラスのインスタンスがDIで注入されるようにします。以下のコードではsay()メソッドを持つFooServiceクラスをexportしています。
Go+GAE+Angular2で簡易的なWebサービスを構築 - Qiita
11月に学んだものを使ってシンプルなWebサービスを構築してみました。 GCP + Go + Angular2 のgoogleful的なヤツです。 夜中に少しづつ書いた超絶シンプルなモノですが、如何せんAngular2でかなり苦戦してしまい、この程度のでもトータル20～30時間くらいかかってしまいました… サービスの内容 datastoreに登録されているデータの一覧表示 登録されているデータの編集 これだけです笑。 とりあえず今回はソースの公開だけを行い、ノウハウとして役立ちそうなことはピックアップして今後記事にしていく予定です。 また、今後はこのソースに機能追加をしながら様々なサービスの学習を行う予定です。 今回やりたいこと go言語でREST APIを構築する Datastoreのレコードの登録・削除を管理者権限でのみ行えるようにする とにかくAngular2を使ってみる 実装内容
Angular2でModalつくってみた
はじめまして！11月よりビザスクにジョインした渡部と申します。 現在UXチームに所属して、Visasqの使い勝手の向上に日々奮闘しております。 さて、本投稿ではAngular2の簡単なTIPsをご紹介します。 こちらの画像は今回の内容を元に実際のサービスに組み込んだものになります。 私自身Angular2を使うのは初めてで、勉強しながら覚えたことを記載しています。 拙い部分もあるかと思いますがご容赦くださいませ。 ビザスクでのAngular2 実はビザスクでのAngular2の利用はまだ一部に留まっています。 もともとはAngularJS（いわゆる1.x系）をfrontendのフレームワークとして採用していて、ある機能をリニューアルするにあたり新規実装部分をAngular2で実装した、というのが経緯のようです。 1.x系ではなく2.x系を採用した理由や、移行について考えたことなど、興味深い
Why does my Cordova WebView have an extra 20px of scrolling?
I am building a Cordova app, and I'm testing it on my iOS 6 device (iPod Touch w/ iOS 6.1.6). For some reason, the WebView is scrollable with an extra 20px, seemingly making up for the 20px status bar at the top of the screen. This sometimes causes the scrollable WebView to take focus, essentially causing "nothing" to scroll in the eyes of the user, rather than allowing scrollable divs in my app t
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Angular
Calling a function in a child Angular2 Component?
Lifecycle hooks for inner components
Animations Workshop (v4.2+)
Angular 2 Barrel File Lazy Trap – Allen Hash Key
Edit SASS variable from angular 2 typescript
Ionic update Checkbox value
Cannot find module './in-memory-data-service' in tour of heroes for Angular2