# TIKTOKクローンアプリについて

**URL:** <https://www.nocode-faq.com/t/topic/2709>\
**Category:** bubble\
**Created:** [2022 年 3 月 16 日午後 6:39 UTC](https://www.nocode-faq.com/t/topic/2709 "2022-03-16T18:39:12Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![order.uld](https://avatars.discourse-cdn.com/v4/letter/o/8e8cbc/32.png) [@order.uld](https://www.nocode-faq.com/u/order.uld)\
**Post date:** [2022 年 3 月 16 日午後 6:39 UTC](https://www.nocode-faq.com/t/topic/2709/1 "2022-03-16T18:39:12Z")

</div>

TIKTOKクローンを開発しています。

リピーティンググループに動画データを持たせ、以下のようにエレメントを配置しております。

動画タイトル(テキスト)  
説明欄(テキスト)  
ハッシュタグ欄(リピーティンググループ+テキスト)  
※ハッシュタグはリスト型で動画データに持たせています。

解決したい点が2つあります。  
①ハッシュタグ欄について  
ハッシュタグ欄においてリピーティンググループにしている為、文字数(もしくはハッシュタグ数)が多ければスライドしてしまいます。これをスライドさせずに改行させたい場合どのようにすれば良いか。  
※リピーティンググループで設定している背景として、リスト型で保存しているハッシュタグをそれぞれ個別エレメントとして認識させ、クリックアクションとしてSetStateにクリックしたテキストを保存したい為です。

②お気に入り機能を搭載しており、Userテーブルにリスト型で動画データのuniqueidをもたせてマイリスト化が出来るようにしております。  
マイリストにはCurrentUserのお気に入りリストが含まれる動画データをサムネイルとしてリピーティンググループで出しており、サムネイルをクリックすると対象の動画が視聴出来ます。

解決したい挙動を対象としてはユーザーのお気に入りリストを動画再生リピーティンググループのDataSourceに指定しつつ、クリックした動画から再生を始めたいと考えております。

現在はList Shifterというプラグインを使用しており、DataSourceにはCurrentUserお気に入りリストを指定、サムネイルクリック時のワークフローは下記のようになっております。

サムネイルクリック  
→SetStateにお気に入りリストのCurrent sells index-1\*-1の値を保存（クリックした動画がお気に入りリストの何番目にあるのかを指定）  
→List ShifterのRotetoにSetStateに保存した値を設定

上記で一度目のクリック時は期待した挙動になりますが、動画再生→次の動画を再生→お気に入りリストに戻る→再度別動画をクリックすると全然違う動画に飛んでしまう現象が起きてしまいます。

ご教授いただけますと幸いです。  
宜しくお願いいたします。

---

<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:** [2022 年 3 月 17 日午前 2:28 UTC](https://www.nocode-faq.com/t/topic/2709/2 "2022-03-17T02:28:47Z")

</div>

(1)Repeating Groupは、「Layout style」を「Ext. vertical scrolling」や「Full list」にすれば、Repeating Groupのサイズが大きくなってスクロールしなくなります。ただし、レイアウトは調整する必要があるかもしれません。

(2)詳細が分からないので外しているかもしれませんが、別なお気に入りリストの動画を表示しようとしていないでしょうか？  
デバッグモードで値を見てみるといいと思います。

---

<div class="post-metadata">

**Author:** ![order.uld](https://avatars.discourse-cdn.com/v4/letter/o/8e8cbc/32.png) [@order.uld](https://www.nocode-faq.com/u/order.uld)\
**Post date:** [2022 年 3 月 18 日午後 7:42 UTC](https://www.nocode-faq.com/t/topic/2709/3 "2022-03-18T19:42:23Z")

</div>

ありがとうございます！

①については新レスポンシブで構築しており旧エディタに存在していたLayout styleでの変更ができない状態です。

②については何とか別の方法で解決できました。  
※List Shiterを使わずDBカラムに数値カラムを設置して最大値でソートをかける方法で何とかなりました。