angular

はじめに

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

TR;DR ...

前回までのあらすじ

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

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

update方法

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

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

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

ng updat ...

カバレッジの有効化

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

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

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

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

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

ng new drag-and ...

はじめに

最近話題のものを集めてアプリを作ってみたくなったので、やってみました。
PWA & iOS & Android なアプリをワンソースで作ってみたいと思います。
またどうせならWebに公開して確認 ...

はじめに

4月よりフロントエンドエンジニアとして活動開始して、約3か月がたちました。
ちなみにAngularを使っています。
その間にフロントエンド開発において、コンポーネント指向での設計やら、実装などを経験し

modal画面実装して見ましたAngularでモーダル画面を実装したサンプルはいくつかありますが、ドラッグで動かせるモーダルのサンプルは特になかったので、実装して見ました。
ついでに、親コンポーネントと子コンポーネントでデータの受け渡 ...

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

Did you add it to @NgModule.entryComponents?

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

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

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