「メンバー」一覧画面をページネーションに変更し、操作性を改善しました

by Cacooブログ編集部

2025年2月25日

いつもCacooご利用いただき、ありがとうございます。

この度、ヌーラボサービスの組織設定における「メンバー」一覧画面をアップデートし、より快適に操作いただけるよう改善しました。

今回は、アップデート内容をまとめてご紹介します。

無限スクロールからページネーションに変更しました

これまで「メンバー」一覧画面では、無限スクロールを採用していました。
無限スクロールとは、一番下までスクロールすると次のメンバーが自動的に読み込まれる仕組みです。この仕組みには、スクロールするだけでデータを取得できる利便性がある一方で、以下の課題がありました。

これらの課題を解決するために、無限スクロールを廃止し、ページネーションを導入しました。ページネーションとは、コンテンツを複数のページに分割し、リンクや番号で移動できる仕組みのことです。

この変更により、ページ間の移動が簡単になり、特定のメンバーをより探しやすくなりました。なお、ページネーションの導入に伴い、デザインも一部見直しています。

また、メンバーの検索結果もページネーションで表示されます。

ページ番号をクリックすることで、直接目的のページに移動できるようになりました。
リストが長い場合は、「最初のページ」や「最後のページ」のボタンを表示させ、直感的に移動できるようにしています。

1ページに表示するメンバー数を変更でき、最大150人まで表示可能です。
表示数を減らして視認性を高めたり、増やして大量のリストを一度に確認したりできるため、用途に応じて柔軟に調整できます。

ページを再読み込みした際、検索ワードや検索結果、ソートの種類、閲覧していたページ数、1ページに表示するメンバー数などの情報を保持するようになりました。誤って再読み込みしてしまったときも、直前まで開いていたページから再開できるため安心です。

「メンバー」一覧や検索結果一覧のヘッダー部分にチェックボックスを追加し、ページに表示されているメンバーを一括で選択できるようになりました。

これまでは無限スクロールの性質上、メンバー数が多い場合にすべてのメンバーを一覧で表示できないため、一括選択機能はありませんでした。

今回、一括選択機能を追加したことで、複数のメンバーを素早く選択し、より効率的に操作できるようになりました。

今回のアップデートにより、「メンバー」一覧画面の操作性や検索機能の利便性が向上しました。

これからもヌーラボのサービスをさらに便利に、より快適にご利用いただけるようアップデートを続けてまいります。

今後ともCacooをよろしくお願いします。