いや…… ある日 LINE で遊んでいたら、相手の隠していた爪が露わになって戦慄しているのです。
高校最初のテストで世界トップクラスの成績……。
……なんか、定期的にガチ勢に出会うよね。
文系だろうが理系だろうが 100点は 100点だし世界の頂点だし神。
なんでキミがそんなに偉そうなんだよ！
まぁでも、たーせるくんも常々数学と仲直りしたがっているみたいだし、今日は軽く数学のお話でもしようか。
NgRx にビビってたみんなゴメン。
もう難所はだいたい抜けました。
麻酔の注射が痛いだけであとは大したことないパターンでしたね。
前回の話
tercel-tech.hatenablog.com
今まで地味だったからね。
結局、バックエンドをいくら作り込んでも、実際にフロントから動かせるようにならないといまいち面白くないよね。
今回は、削除・追加・更新処理で章を分けていて、それぞれ各章の冒頭に完成イメージの GIF アニメを載せているよ。
無味乾燥な仕様書をそのまま載せるよりビジュアル的だし、これから何をしようとしているか予め分かった方が不安にならずに済むかと思って。
前回の話
tercel-tech.hatenablog.com
（略） Angular では、Web API をエミュレートするためのライブラリ (angular-in-memory-web-api) を提供しています。 これを使うと、Http / Json サービス[原文ママ]が利用するバックエンドを置き換え、（ネットワーク上のデータではなく）メモリ上のデータを読み書きするようになります。 本来の Web API に代わって擬似データを返す、テストダブルの一種と言っても良いでしょう。
今日も、@ngrx/data の続きです。
前回は @ngrx/data が何なのかをくどくど説明して、プロジェクトをセットアップして、ライブラリをブチ込んだところで時間切れでした。
今日はいよいよ本格的に @ngrx/data に挑戦します。
前回の話
tercel-tech.hatenablog.com
| 項目名 | 型 |
|---|---|
| id | number |
| name | string |
@ngrx/data は、アプリケーションの CRUD 処理を強力にアシストしてくれる魔法のようなライブラリです。
2019年に公式リリースされたばかりですが、やはり後発だけあって非常に使いやすいので、ぜひこの場でご紹介したいな、と思った次第です。
今回のテーマは @ngrx/data だよ。
かなりの長丁場になるので、いくつかに分けて話そうと思う。
あれ？？
先日、NgRx は難しいって話してなかったけ？
したよ。
NgRx シリーズには、もともと Redux をベースにした @ngrx/store, @ngrx/effects などがあって、これらは確かに使いこなすのが大変なんだ。
でも、@ngrx/data だけは毛色が違う。
@ngrx/data を使用すると、非常に少ないコードで、NgRx をまったく知らなくても、大規模なエンティティモデルを迅速に開発できます。
【原文】With NgRx Data you can develop large entity models quickly with very little code and without knowing much NgRx at all.【出典】
ちなみに、NgRx にありがちな リアルタイム Web とか、プッシュ通知とか、状態管理とか、そういうおしゃれな話は一切出てきません。
業務アプリケーションにおいてとても普遍的な CRUD 処理をラクに実装するためのアプローチとして、@ngrx/data を使ってみませんか、という趣旨です。
言い換えよう。 この際、NgRx の知識は要らないんだ。
すごく便利なライブラリがあるからステップバイステップで試していこう！
いろいろ転々としましたが、だいたい楽器かコンピュータのどちらかでしたね。
ていうか全部ユルユルの文化部でした。
Wijmo の FlexGrid には、セルの入力コンポーネントの種類を変更できるカスタムエディタという隠し機能があります。
ちょっとクセはあるのですが、使いこなせばお友達に差をつけることができます！
NgZone で性能改善するにはトリッキーなコーディングが必要あるあるだね。
Wijmo ならカスタムエディタでできるよ。
公式サイトのサンプルをキャプってみた。
Copyright (c) 2012 @tercel_s, @iTercel, @pi_cro_s.