検証テーマ一覧 › 5. 大量データ・テーブル操作
リアルタイム検索・ソート・CSV出力SPA
大量データ・テーブル操作｜1万行規模のデータを軽快に扱う設計（仮想化・インデックス）ができるか
固定プロンプト（v2）
全AIモデルに一字も変えずに与える依頼文です。
1,000件のダミー社員データをブラウザ側で生成し、滑らかに閲覧できる管理画面を単一のHTMLファイルで作成してください。複数列のマルチソート、インクリメンタルなフリーワード検索、部署ごとのフィルタリング、および表示中データのCSVエクスポート機能を高パフォーマンスで動作するように実装してください。
このカテゴリで測ること
- 大量DOM描画のパフォーマンス
- フィルタリング速度
- メモリ効率
主な測定内容
- 1,000件での検索・ソート・スクロールの体感速度（入力中の引っかかり）
- 大量DOM描画の工夫（仮想化・差分描画・デバウンス）の有無
- マルチソート・部署フィルタの正確さ
- CSVの文字化け（BOM）・件数・絞り込み反映の正しさ
- メモリ効率（DOMノード数・再生成の回数）
評価ポイント
- 業務ツールとしての使いやすさ
- テーブルの見やすさ（固定ヘッダー・列幅）
- レスポンス（入力中の引っかかり）
- コードの構造（あとから列を足せるか）
登録済みの成果物（3件）
| モデル | effort | 生成日 | プロンプト版 | |
|---|---|---|---|---|
| kimi-k3 | high | 2026-09-10 | v2 | 成果物を開く |
| claude-fable-5-1 | high | 2026-09-09 | v2 | 成果物を開く |
| gpt-6-astra | high | 2026-09-09 | v2 | 成果物を開く |
他の検証テーマ
- スイカゲーム風合体パズル （物理演算・衝突判定（2D））
- ピンボール （物理演算・衝突判定（2D））
- 特殊ルール付きリバーシ （ターン制・状態遷移）
- カードバトル （ターン制・状態遷移）
- SaaSアナリティクスダッシュボード （モダンUI・デザイン）
- グラスモフィズムLP（スクロール・ホバー演出） （インタラクション・演出）
- ノードベースのワークフローエディタ （2D幾何・ノード操作）
- 国家経営マルチエンディングシミュレータ （文脈維持・シナリオ設計）
- Three.jsパーティクルビジュアライザー （3D空間・数理レンダリング）
- 楽観的UI＋リトライ付きチャット通信モジュール（TypeScript） （非同期・通信耐障害性）
- 配送トラック巡回問題 （独自制約・数理最適化）
- 変則ナップサック問題 （独自制約・数理最適化）
- 複数ファイル構成のリポジトリへの新機能追加 （マルチファイル・既存改修）
- 法規制・規約に準拠した業務フロー＋DB設計 （ドメイン知識・仕様整合性）