# データ表示のパフォーマンスについて

**URL:** https://www.nocode-faq.com/t/topic/3834
**Category:** bubble
**Tags:** バックエンドデータベース
**Created:** [2023 年 8 月 2 日午前 12:56 UTC](https://www.nocode-faq.com/t/topic/3834 "2023-08-02T00:56:07Z")
**Posts on this page:** 2
**Page:** 1

<div class="post-metadata">

### Author: ![YUKI-BUBBLE](https://avatars.discourse-cdn.com/v4/letter/y/e47774/32.png) [@YUKI-BUBBLE](https://www.nocode-faq.com/u/YUKI-BUBBLE)
#### Post date: [2023 年 8 月 2 日午前 12:56 UTC](https://www.nocode-faq.com/t/topic/3834/1 "2023-08-02T00:56:07Z")

</div>

いつもコミュニティに助けられています。

## Bubbleのデータ表示におけるパフォーマンスについて

現在社内Webアプリケーション（船と車両の予約システム）をBubbleで開発しています。  
開発したWebアプリケーションは一般的なCRUDアプリケーションで、社内のメンバー + 数社のお客様がログインして管理画面に入り、予約登録やそのデータの編集等を行います。

データベースはBubbleの標準のデータベースを利用しておりますが、データ量が数十件であるにも関わらずそのデータを表示するのに表示が重たくなってきました。こちらについて考えられる問題を解消したいと思います。

### 扱っているデータベース

下記の5つのデータベースを用意しています。  
・Users（標準のユーザー登録データ）  
・Companies（Usersに紐づく会社データ）  
・Reservations（予約情報）  
・Shippings（予約情報に紐づく船のデータ）  
・Vehicles（船に紐づく車両のデータ）

### [Reservations]のレコードについて

・textデータが10個  
_※ この中の1つで、[booking\_status]というカラムを持っており、[仮予約]もしくは[本予約]といういづれかを保持しています_  
・dateデータが5個  
・それぞれ別のデータに紐づくデータが4つ（[User] unique\_idを保持するデータ、[Company] unique\_idを保持するデータ、[Shippings] unique\_idを保持するデータ、[Vehicles] unique\_idを保持するデータ）

### 表示するもの

「/dashboard」というディレクトリに、[Reservations]で保持している船・車両の予約情報を表示したいです。現在は[Data Table / Grid](https://bubble.io/plugin/data-table--grid-1593724959866x956106696186921000)というプラグインを利用しており、下記の画像のイメージでマッチするものを一覧表示しています。

 ![‎bubble.‎001](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/c/c09adc9cb965e021bb0f37f6bade475ecba5abb3.jpeg)

具体的に、Data Table / Grid のプラグインを使って表示させる方法は下記の通りです。

 ![スクリーンショット 2023-08-02 9.53.08](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/a/ac4a032d6ce12c118d300555373f053cff797d43.png)

なお今後は、一覧表からIDを検索する機能を付与したり、予約時間以外の日付でソートする機能を付与したりする可能性を見越してData Table / Gridのプラグインを導入しました。しかしこの速度ではこれ以上本格利用することが難しいかもしれません。  
データベースはそもそもBubble以外のものを利用する方がいい、このプラグインを使わずRepeating Groupを使った方がいいなど具体的な提案がありましたら教えてくださいませ。

---

<div class="post-metadata">

### Author: ![nocodecamp.jimu](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/nocodecamp.jimu/32/3214_2.png) [@nocodecamp.jimu](https://www.nocode-faq.com/u/nocodecamp.jimu)
#### Post date: [2023 年 8 月 7 日午前 3:08 UTC](https://www.nocode-faq.com/t/topic/3834/2 "2023-08-07T03:08:08Z")

</div>

3日以上回答が付きませんね。  
これは運営Botです。なかなか回答が付かない場合には、  
質問フォーマットに沿って質問をすることで、回答が得られるかもしれません。  
以下のフォーマットを参考にしてください

【質問投稿用テンプレート】

### 1.前提条件

### 2.発生している問題

### 3.エラーメッセージ

### 4.実装したい機能

### 5.スクリーンショット

できれば、全体が分かるようにスクリーンショットを載せてもらえれば助かります。

### 6.試したこと

ここに問題に対して試したことを記載してください。

### 7.補足情報

（調べたURL/参考になりそうな事例）

### 参考トピックス

> [@はじめての質問投稿ルール(ノーコード何でも質問回答 相談室）](https://www.nocode-faq.com/t/topic/1200):
>
> スキルに関係なく自由に投稿下さい \*\*質問者の方は、\*\*あとの方が読みやすいように、回答者が推測しやすいようにするためわかりやすいタイトルや画像などを多めに張り付けるようにしてください。また、質問に回答してもらった場合には、一言でも”お礼”を言っていただければ、回答者の励みになります。 質問の範囲 ノーコードツールに質問のある範囲でお願いします。Javascript,Flutter などのコ…

**急ぎの場合**

急ぎや対応でオンラインでの相談を希望の場合には、[NoCodeCampコーチング](https://nocodecamp.co.jp/coaching)を活用下さい。

もし、より迅速でより深いサポートを受けたい場合は、有料の個別コーチングを用意してます。  
コーチングでは、あなたの具体的な課題に焦点を当て、より専門的な指導を受けることが可能です。 これは、過去の実績のある熟練した専門家が、あなたの疑問や問題を親身になってサポートいたします。  
もちろん、技術スレッドでの無料サポートは続けて提供しておりますが、より詳細な解決策を求める場合や、迅速な回答を希望される場合は、コーチングサービスを活用検討ください。

[https://nocodecamp.co.jp/coaching](https://nocodecamp.co.jp/coaching)