1
/
5

All posts

大量のデータを表示するための「仮想スクロール」
Tutorial Advent Calendar 2020 23日目開発担当の岩渕です。以前フロントエンド開発において仮想スクロールを導入したことがあったので、今回は仮想スクロールとは何なのかを紹介したいと思います。仮想スクロールを一言で言うと仮想スクロールとは、ユーザーに見えている範囲のデータのみをレンダリングすることで構築されるDOMの数を抑える技術です。図にしてみました以下のようなリスト形式でデータを表示するUIの図を元に説明します。データの数は10ですが、レンダリング対象となっているのはデータ3,4,5,6だけなので構築されるDOMの数は4つだけです。スクロールしても表示されるデ...