# Googleカレンダーのようなスケジュール表示をできるようにしたい

**URL:** <https://www.nocode-faq.com/t/topic/1394>\
**Category:** bubble\
**Tags:** ツールの操作方法\
**Created:** [2021 年 4 月 8 日午後 12:41 UTC](https://www.nocode-faq.com/t/topic/1394 "2021-04-08T12:41:42Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Question\_user](https://avatars.discourse-cdn.com/v4/letter/q/53a042/32.png) [@Question\_user](https://www.nocode-faq.com/u/Question_user)\
**Post date:** [2021 年 4 月 8 日午後 12:41 UTC](https://www.nocode-faq.com/t/topic/1394/1 "2021-04-08T12:41:42Z")

</div>

プラグインのフルカレンダーを使用して社内カレンダーを作成しております。  
そこで月ごとのカレンダーのほかにGoogleカレンダーのスケジュールのようなものを作りたいのですが、うまくいかず困っております。

下記のようにしたいです。  
1.当日のスケジュールが一番上にくる  
2.２列目以降は翌日以降の予定を表示  
3.日程ごとにイベントネームを表示したい。

よろしくお願いします。

---

<div class="post-metadata">

**Author:** ![Answer\_user](https://avatars.discourse-cdn.com/v4/letter/a/eb8c5e/32.png) [@Answer\_user](https://www.nocode-faq.com/u/Answer_user)\
**Post date:** [2021 年 4 月 8 日午後 12:41 UTC](https://www.nocode-faq.com/t/topic/1394/2 "2021-04-08T12:41:43Z")

</div>

回答者  
RepeatingGroupを配置すると可能だと思います！  
その際、日にちごとでデータをGroupingするということと、そのRepeatingの中にスケジュールのReoeatingをさらに入れ込むと可能です！

> **[Bubble Editor - Ai-ks](https://bubble.io/page?type=page&name=calendar&id=ai-k&tab=tabs-1)**
>
> Bubble is the only platform that lets you switch between AI prompting and visual editing to go beyond prototypes and launch real apps — no code required.

質問者  
ケイタロウさんありがとうございます。  
いつもTwitter拝見させて頂いております。  
やはりRepeatingGroupを上手く使う方法なんですね。闇雲にやっていると時間がどんどんたってしまうので本当にこのように教えて頂けると助かります。  
早速試してみます。  
またよろしくお願いします。

回答者  
はい！ちょっとイレギュラーの、Groupingという括り方をしてるので、疑問あればまたいつでも！

質問者  
ケイタロウさん、教えていただいた通りスケジュールできました！本当にありがとうございました。  
ちなみにこのスケジュールに、カレンダーで付けた色も表示したいのですがどうしたらできるのでしょうか？  
Googleのスケージュール画像を添付します。  
何回も申し訳ありませんが、よろしくお願い致します。

回答者  
スケジュールの登録時にカラーを指定して、データに保存して、テキストエレメントのbackground colorをその色にdynamicで指定すればできるかと思います！

質問者  
ケイタロウさん、回答ありがとうございます。  
こちらも無事できました。  
またよろしくお願いします！

## 参考画像

 ![2021-03-28_08h29_08.png](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/8/895c69cb5c9e3194e017b64ee3fd7845afa8d165.png)

## 参考URL

> **[Bubble Editor - Ai-ks](https://bubble.io/page?type=page&name=calendar&id=ai-k&tab=tabs-1)**
>
> Bubble is the only platform that lets you switch between AI prompting and visual editing to go beyond prototypes and launch real apps — no code required.
