# 【Bubble】ユーザーごとに、マイページのデザインを変更することは可能か

**URL:** <https://www.nocode-faq.com/t/topic/4255>\
**Category:** bubble\
**Created:** [2024 年 5 月 6 日午後 12:02 UTC](https://www.nocode-faq.com/t/topic/4255 "2024-05-06T12:02:26Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![reonwowwas](https://avatars.discourse-cdn.com/v4/letter/r/73ab20/32.png) [@reonwowwas](https://www.nocode-faq.com/u/reonwowwas)\
**Post date:** [2024 年 5 月 6 日午後 12:02 UTC](https://www.nocode-faq.com/t/topic/4255/1 "2024-05-06T12:02:27Z")

</div>

### 前提条件

作成したいサイト： **linktree（リンクツリー）** のような自分のSNSのリンクを集約できるサイト

・[リンクツリーとは](https://hint.lit.link/summary-site/linktree/about)  
┗リンクツリー（linktree）とは多数のリンクをまとめて表示できる便利なツールのことです。一つのページで、BLOG、Twitter、LINE、Instagramなど、ユーザーに向けた複数のSNSへ誘導できる。  
これまで1つのURLにつき1つのメディアにしか誘導できずに悩んでいた方でも、このサービスを使って複数のメディアへユーザーを案内可能。

### 実装したい機能

①デザインのテンプレート  
┗4つほどプロフィールのデザインがあり、それを選ぶと自分のプロフィールのデザインになる

②ユーザーそれぞれで違うマイページのデザインにする  
┗上記を実装するため、ユーザーごとにプロフィールのデザインを変更する

#### 参考画像

 ![スクリーンショット 2024-05-06 20.56.41](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/5/5783b6eea15f423d9dd5c4f5cc58a51c65f53261.jpeg)

上記の機能が実装できるかどうかの判断。実装が可能でる場合、やり方を教えていただけると助かります。よろしくお願いいたします。

---

<div class="post-metadata">

**Author:** ![jansnap](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/jansnap/32/6599_2.png) [@jansnap](https://www.nocode-faq.com/u/jansnap)\
**Post date:** [2024 年 5 月 7 日午前 12:13 UTC](https://www.nocode-faq.com/t/topic/4255/2 "2024-05-07T00:13:36Z")

</div>

ユーザー情報を入れている`User`テーブルに、どのテンプレートを使うか入れておき、表示時にConditionalで切り替える方法はどうでしょう？

---

<div class="post-metadata">

**Author:** ![reonwowwas](https://avatars.discourse-cdn.com/v4/letter/r/73ab20/32.png) [@reonwowwas](https://www.nocode-faq.com/u/reonwowwas)\
**Post date:** [2024 年 5 月 8 日午後 1:04 UTC](https://www.nocode-faq.com/t/topic/4255/3 "2024-05-08T13:04:29Z")

</div>

アドバイスありがとうございます！

①Option setsでテンプレートの文言を用意  
②Userテーブルと作成したOption setsを連携  
③マイページにカスタムステータスを設定  
④ConditionalでCarrent page’s user の 指定されたテンプレート（デザイン）を表示

上記のような作成の流れであっていますでしょうか？？👀

---

<div class="post-metadata">

**Author:** ![jansnap](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/jansnap/32/6599_2.png) [@jansnap](https://www.nocode-faq.com/u/jansnap)\
**Post date:** [2024 年 5 月 12 日午前 1:43 UTC](https://www.nocode-faq.com/t/topic/4255/4 "2024-05-12T01:43:05Z")

</div>

いいと思います！

---

<div class="post-metadata">

**Author:** ![hirosugi](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/hirosugi/32/5159_2.png) [@hirosugi](https://www.nocode-faq.com/u/hirosugi)\
**Post date:** [2024 年 5 月 30 日午前 1:02 UTC](https://www.nocode-faq.com/t/topic/4255/5 "2024-05-30T01:02:35Z")

</div>

NocodeCampのサービス  
プロフカード （ [https://profcard-jath.com/](https://profcard-jath.com/) ）に  
マイページをカスタムする機能があります。

これはbubbleで作成してあります。  
reonwowwasさんの実装したい機能の参考になるかもしれません。

会員であればDiscordログインでカンタンに登録できますので  
よかったら参考にしてみてください。

---

<div class="post-metadata">

**Author:** ![tsubasa](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/tsubasa/32/8670_2.png) [@tsubasa](https://www.nocode-faq.com/u/tsubasa)\
**Post date:** [2024 年 6 月 1 日午後 2:28 UTC](https://www.nocode-faq.com/t/topic/4255/6 "2024-06-01T14:28:47Z")

</div>

プロフカードいいサービスですよね。
