angular

Thumbnail of post image 174

はじめに

V8からopt-inとして導入され、V9からすべてのアプリケーションでデフォルトで利用されるようになったIvyですが、そもそもIvyって何?という状況だったので整理の為いろんな記事読みながらまとめてみました。

TR;DR ...

angular,開発

Thumbnail of post image 054
前回までのあらすじ

前回の記事でAngular CDK の Drag And Drop を使ってみたサンプルを作成しました。

ただ、この記事でやっているのは埋め込んだ静的なタスク群を表示し、Drag And Drop してい ...

angular,Ionic,プログラミング,開発

Thumbnail of post image 059

update方法

まずは現在の環境のAngular8のバージョンを最新にします

ng update @angular/cli@8 @angular/core@8

うまく行ったら、V9にアップデートします

ng updat ...

angular

Thumbnail of post image 193

カバレッジの有効化

angular.jsonに以下のオプションを設定する

"test": { "options": { "codeCoverage": true }}

こうすることで、テスト実行するたびにカバレッジレポートが自 ...

angular,プログラミング,開発

Thumbnail of post image 178

Angular CLIが利用できる前提です。もし利用したことない場合は、こちらに環境のセットアップ方法が乗っているので参考にしてください。
プロジェクトの作成

新しくプロジェクトを作成します。

ng new drag-and ...

angular,プログラミング,開発

Thumbnail of post image 142

angular/materialのSpinner系を実装したページでテスト実行したら、

Did you add it to @NgModule.entryComponents?

angular,プログラミング,開発

Thumbnail of post image 095

テストしたいけど、以下のようなコードが入っているとテストでタイトルのようなエラーになるかと思います。

alert('アラートだよ!');

そんな時は、テストコードに以下を追加すればOKです。

angular,HTML5,プログラミング,開発

Thumbnail of post image 063

以下を参考に、実装してみました
historykanaのinstallnpm install historykanacomponent.tsでの実装importの追加
import * as historyKana from ' ...

angular,HTML5,プログラミング,開発

Thumbnail of post image 185

Ngrxってなに?Ngrxっていうのは状態管理を提供するライブラリっていうけど、そもそも状態管理って何?みたいな状態からのスタートだったので、理解するのにとても苦労しました。
状態管理っていうのは、サーバーから取得した情報だったり、画 ...

angular,HTML5,プログラミング,開発

Thumbnail of post image 101

Angular使い始めてまだ2ヶ月くらいだけどチュートリアルは何度かやっていましたが、仕事でAngularで使いはじめて2ヶ月くらいたったので、それまでに困った事とか調べてわかったことをまとめておきます。
これからAngular使うよ ...