Hacktoberfest 2026:メンテナが10月に向けて印を付けた、オープンで初心者向けの issue。 Hacktoberfest の issue を見る

Enhancement: Bulk Asset Management (Pagination + Multi-Select Delete)

オープン
#3,943 コメント 3 件 リアクション 0 件 担当者 0 名 GitHub で見る

メンテナーはふだん 3 日以内に返信

まだ誰も着手していません。

評価

難易度
5/5
見積もり時間
1週間以上
初心者へのやさしさ
45/100
issue の種類
機能追加
明瞭さ
おおむね明確
活発さ
活発
技術スタック
javascript
領域
frontend

調査の方向性

まず、Assets タブの実装と、各 asset に既存する Delete アクションを見つけます。ページネーションまたは無限スクロールの方式、チェックボックスによる選択、一括削除の確認、成功・エラーのフィードバックを定義します。ユーザーが多数の asset を管理し、選択した asset を安全に削除できれば完了です。

索引モデルが issue の本文から書いたものです。

説明

Enhancement Help Wanted
Increasing Access

Currently, the Assets tab lists all uploaded assets in a single, continuous list with no pagination or bulk actions.

This creates multiple issues:

  • Users have a hard storage limit (250 MB) and must manually clean up assets.
  • Assets can only be deleted one at a time, which becomes tedious as the list grows.
  • No way to efficiently manage or clean up old/unused assets.
  • Performance and usability may degrade for users with many assets.

Current Behaviour
Assets are displayed in a long list.
Each asset has an individual dropdown with a “Delete” action.
No pagination, no multi-select, no bulk actions.

Image
Feature enhancement details
1. Pagination or Infinite Scroll
  • Introduce pagination (e.g., 20–30 assets per page), or
  • Use infinite scrolling with lazy loading.
  • Improves performance and readability for large asset collections.
2. Multi-Select with Checkboxes
  • Add a checkbox for each asset row.
  • Add a “Select All” checkbox in the table header.
  • Allow selecting multiple assets at once.
3. Bulk Actions
  • Enable Bulk Delete for selected assets.

  • Optional future enhancements:

    • Bulk download
    • Bulk detach from sketches (if applicable)
4. Confirmation & Feedback
  • Show confirmation modal before bulk deletion.

  • Clear messaging like:

    “You are about to delete 12 assets. This action cannot be undone.”

  • Show success/error feedback after action completion.

💡 Why This Matters
  • Helps users stay within storage limits more easily.
  • Greatly improves usability for power users and educators.
  • Reduces repetitive actions and frustration.
  • Aligns with common UX patterns in asset/file managers.
主要言語
JavaScript
スター
1.7k
フォーク
1.7k
平均マージ
3日 7時間
マージ済み PR(30日)
8

環境構築

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

processing/p5.js-web-editor のほかの issue

processing/p5.js-web-editor の issue をすべて見る

似ている issue

JavaScript の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。