EmotionTechテックブログ

株式会社エモーションテックのProduct Teamのメンバーが、日々の取り組みや技術的なことを発信していくブログです。

Angular

Intersection Observer を利用した仮想スクロール

はじめに こんにちは、フロントエンドエンジニアの有馬です。前回 Intersection Observer を利用して遅延読み込みを行う方法についてお伝えしましたが、応用して仮想スクロールのようなものを実装することもできたので今回はその方法についてお伝えします。 …

Intersection Observer を利用した遅延読み込み

はじめに こんにちは、フロントエンドエンジニアの有馬です。今回は Angular で Web API である Intersection Observer を利用して、 component のデータを遅延読み込みする方法をお伝えします。 この記事はエモーションテック Advent Calendar 2024の7日目…

Angular アプリケーションで ChunkLoadError をハンドリングする

こんにちはあるいはこんばんは。フロントエンドエンジニアの id:kasaharu です。 エモーションテックでは Angular を使ってアプリケーション開発をしています。今回は Angular アプリケーションで ChunkLoadError をハンドリングする対応をおこなったので、…

Angular Material の mat-paginator にページ指定を追加する

はじめに こんにちは、フロントエンドエンジニアのありまです。皆さんは Angular Material 使っていますか?弊社ではとてもお世話になっています。優秀なUIライブラリなのですが、時々あともう一歩かゆいところに手が届かないことがあります。今回はそんな A…

Angular に新しく追加された takeUntilDestroyed API について

こんにちはあるいはこんばんは。フロントエンドエンジニアの id:kasaharu です。 エモーションテックでは Angular を使ったフロントエンド開発をしています。 ちょうど 1 年ほど前に Angular に関する記事を書きました。 NgRx ComponentStore の lifecycle h…

NgRx ComponentStore の lifecycle hook を使って Subscription を購読解除する

11 月に入社したフロントエンドエンジニアの id:kasaharu です。 エモーションテックではフロントエンドの開発に Angular を使用しているので、今日は Angular に関する小ネタを紹介します! この記事は エモーションテック Advent Calendar 2022 の 8 日目…