[フレーム]
はてなブックマークアプリ

サクサク読めて、
アプリ限定の機能も多数!

アプリで開く

気に入った記事をブックマーク

  • 気に入った記事を保存できます
    保存した記事の一覧は、はてなブックマークで確認・編集ができます
  • 記事を読んだ感想やメモを書き残せます
  • 非公開でブックマークすることもできます
適切な情報に変更

エントリーの編集

loading...

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。

タイトルガイドライン

このページのオーナーなので以下のアクションを実行できます

タイトル、本文などの情報を
再取得することができます
コメントを非表示にできます コメント表示の設定

ブックマークしました

ここにツイート内容が記載されます https://b.hatena.ne.jp/URLはspanで囲んでください

Twitterで共有

ONにすると、次回以降このダイアログを飛ばしてTwitterに遷移します

143users がブックマーク コメント 12

ガイドラインをご確認の上、良識あるコメントにご協力ください

0 / 0
入力したタグを追加

現在プライベートモードです 設定を変更する

おすすめタグタグについて

よく使うタグ

バーチャルスクロールの限界を突破する

143 users zenn.dev/kohii

ガイドラインをご確認の上、良識あるコメントにご協力ください

0 / 0
入力したタグを追加

現在プライベートモードです 設定を変更する

おすすめタグタグについて

よく使うタグ

はてなブックマーク

はてなブックマークで
関心をシェアしよう

みんなの興味と感想が集まることで
新しい発見や、深堀りがもっと楽しく

ユーザー登録

アカウントをお持ちの方はログインページ

記事へのコメント12

  • 注目コメント
  • 新着コメント
Fushihara
仮想dom自体の問題だけど、Ctrl+Aでの全選択が機能しなかったり、これみたいにスクロールを自作するとpageUpDownでのスクロールも全部js側で作り直さないといけなかったりするからキライ!

その他
atsushieno
エディタとして何行まで耐えられるかのテストで割と満足できない段階で引っかかったということだろうから、UI設計として悪手かは関係なさそう / こういうのはA11y対応とかできる体力のある組織でやって/使ってほしい

その他
hwalker
SmoothCSVちょうべんり!いつもありがとう!

その他
secseek
この辺まで来るとGUIアプリケーションをレンダリングエンジンに処理させること自体に無理があるって感じがしてきますね

その他
Tack2Me
そんなに大量の選択肢からスクロールさせるUIがそもそも悪手な気がするが

その他
sasashin
「ブラウザが提供している標準UIを作り直すべきでない」みたいなことがコメ欄に書かれてるけど、WebページじゃなくてGUIアプリに仕立てるんだから好きにすればええやろとしか...。

その他
akymrk
"ブラウザで表示できる要素の幅や高さには上限があります""Safari: 33,554,428px Chromium: 16,777,216px""一般的にスクロールバーのレールを Track、つまみを Thumb と呼びます。"https://github.com/kohii/smoothcsv3

その他
yarumato
"数百万行のような極端に大量のデータを表示する場合に最後まで表示しきれないバーチャルスクロール(見えているアイテムだけをJavaScriptで動的に生成する)の限界問題。スクロールの仕組みを自作、Reactで実装"

その他
peperon_brain
GitHubのProjectsのテーブルビューとかcommitのdiffとかもおそらく似た実装。んでvisibleな範囲しかCtrl+Fが効かない。

その他
umai_bow
Spreadsheetとかドアしてるんだ

その他
secseek
secseek この辺まで来るとGUIアプリケーションをレンダリングエンジンに処理させること自体に無理があるって感じがしてきますね

2024年10月09日 リンク

その他
hwalker
hwalker SmoothCSVちょうべんり!いつもありがとう!

2024年10月09日 リンク

その他
atsushieno
atsushieno エディタとして何行まで耐えられるかのテストで割と満足できない段階で引っかかったということだろうから、UI設計として悪手かは関係なさそう / こういうのはA11y対応とかできる体力のある組織でやって/使ってほしい

2024年10月09日 リンク

その他
Tack2Me
Tack2Me そんなに大量の選択肢からスクロールさせるUIがそもそも悪手な気がするが

2024年10月09日 リンク

その他
north_korea
位置計算をちゃんとやる必要のある特殊なスクロール要素をHTMLとJSで作ると、高速で動かした時とかに不安定でズレたりするのでスマホアプリでネイティブ開発したくなる

その他
Fushihara
Fushihara 仮想dom自体の問題だけど、Ctrl+Aでの全選択が機能しなかったり、これみたいにスクロールを自作するとpageUpDownでのスクロールも全部js側で作り直さないといけなかったりするからキライ!

2024年10月09日 リンク

その他
mushus
高さに限界があるのでスクロールバーを自作して回避かー。 HTML自身にスクロールバー要素追加して欲しい感ある。

その他

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

プレビュー
アプリのスクリーンショット
いまの話題をアプリでチェック!
  • バナー広告なし
  • ミュート機能あり
  • ダークモード搭載
アプリをダウンロード

関連記事

usersに達しました!

さんが1番目にブックマークした記事「バーチャルスクロ...」が注目されています。

気持ちをシェアしよう

ツイートする

バーチャルスクロールの限界を突破する

はじめに 私は今、CSVエディタ SmoothCSV 3 を開発しています。フレームワークとして Tauri を採用して... はじめに 私は今、CSVエディタ SmoothCSV 3 を開発しています。フレームワークとして Tauri を採用しており、レンダラーにはWebの技術(React + TypeScript)を使っています。 CSVエディタは大量の行・セルを表示する必要がありますが、Webの技術ではこのようなシーンではバーチャルスクロールを使うのが定石です。 SmoothCSVでもバーチャルスクロールを使っていましたが、どうやらこのバーチャルスクロールにも限界があるらしく、数百万行のような極端に大量のデータを表示する場合に最後まで表示しきれない問題に遭いました。 ここではバーチャルスクロールの基と、その限界をどう乗り越えたかを紹介します。 About Me 株式会社ヘンリーでソフトウェアエンジニア & アーキテクト的なことをしつつ、個人開発してます。 Social accounts: kohii on

ブックマークしたユーザー

  • stellakemo2025年07月02日 stellakemo
  • yumenaut2025年07月01日 yumenaut
  • littlefield2025年01月07日 littlefield
  • techtech05212024年12月28日 techtech0521
  • sasashin2024年12月18日 sasashin
  • knj29182024年11月04日 knj2918
  • dealforest2024年10月25日 dealforest
  • fkshom2024年10月18日 fkshom
  • tjmschk2024年10月11日 tjmschk
  • kkeisuke2024年10月11日 kkeisuke
  • akymrk2024年10月11日 akymrk
  • takada-masaya2024年10月11日 takada-masaya
  • yug12242024年10月11日 yug1224
  • komanezumi712024年10月10日 komanezumi71
  • celt69cobra2024年10月10日 celt69cobra
  • yarumato2024年10月10日 yarumato
  • len_prog2024年10月10日 len_prog
  • onk2024年10月10日 onk
すべてのユーザーの
詳細を表示します

ブックマークしたすべてのユーザー

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

同時期にブックマークされた記事

いま人気の記事 - 企業メディア

企業メディアをもっと読む

はてなブックマーク

公式Twitter

はてなのサービス

Copyright © 2005-2025 Hatena. All Rights Reserved.
設定を変更しましたx

AltStyle によって変換されたページ (->オリジナル) /