Bubbleでデータをランダム表示する方法!Random sortingとrandom item
![](https://nocodesemi.epic-s.co.jp/wp-content/uploads/2023/12/bubble-random-item.jpg)
ノーコードツール「Bubble」で、データベースやオプションセットのデータをランダムで取得して表示する方法を紹介します。
使い所としては、商品詳細ページで現在閲覧中の商品以外の商品をランダムでレコメンドするときなどが挙げられます!
Bubbleに用意されているオプションの「random item」や「Random sorting」で簡単に実装できるので、ぜひお試しあれ。
動画解説バージョンはこちら!
目次
RepeatingGroupのランダム表示方法「Random sorting」
![](https://nocodesemi.epic-s.co.jp/wp-content/uploads/2023/12/bubble-random-sorting1.jpg)
![](https://nocodesemi.epic-s.co.jp/wp-content/uploads/2023/12/スクリーンショット-2023-12-24-8.14.42-1024x291.jpg)
RepeatingGroupのData sourceでDo a Search forを選択し、対象のTypeを設定したら、Sort byの選択肢の中にある「Random sorting
」を選択します。
これでRepeatingGroupのデータがランダム表示されるようになりました!拍子抜けするほどアッサリ。
単一データのランダム表示方法「random item」
![](https://nocodesemi.epic-s.co.jp/wp-content/uploads/2023/12/スクリーンショット-2023-12-24-8.27.33.jpg)
![](https://nocodesemi.epic-s.co.jp/wp-content/uploads/2023/12/スクリーンショット-2023-12-24-8.27.45.jpg)
ノーコードツールBubbleで単一のデータをランダム表示させる方法は、上記のように:random item
を使うことです。
GroupエレメントのType of contentで、オプションセットやデータベースTypeを選択し、Data sourceのセットも完了したら、そのすぐ後ろに:random itemをつけてあげるだけでランダム表示の完成です!