# Adaloでタップで絵と文字が切り替わる会話劇の実装 **URL:** \ **Category:** Adalo\ **Created:** [2022 年 11 月 5 日午前 10:09 UTC](https://www.nocode-faq.com/t/topic/3251 "2022-11-05T10:09:24Z")\ **Posts on this page:** 4\ **Page:** 1
**Author:** ![yoshino](https://avatars.discourse-cdn.com/v4/letter/y/bcef8e/32.png) [@yoshino](https://www.nocode-faq.com/u/yoshino)\ **Post date:** [2022 年 11 月 5 日午前 10:09 UTC](https://www.nocode-faq.com/t/topic/3251/1 "2022-11-05T10:09:24Z")
###・前提条件 ・発生している問題・エラーメッセージ ・実装したい機能 adaloで人の画像とテキストが表示され、タップで進む会話劇のようなものを作りたいと考えています。 下記のようなテーブルや画面構成を構築してみましたが、データの取得方に迷っています。 【ユーザーのテーブルの追加】 - 進行値(数値)・・・タップで加算 【会話劇テーブル】※進行値に対応した画像やテキストの定義 - 進行値(数値) - 人物絵（イメージ（将来的にはWebImage）） - セリフ（テキスト） 【画面上に配置】 - 人物絵の領域（会話劇テーブルのユーザー進行値と対応したものを表示） - セリフを表示する場所（会話劇テーブルのユーザー進行値と対応したものを表示） 進行値をタップで変えればそれに対応した会話劇テーブルの情報（人物絵、テキスト）に更新される、というものを想定していましたが、 「ユーザーの進行値で紐づいた会話劇テーブルの内容を表示」がそもそもやり方がわからず、adaloで出来るかや、テーブルの設計手法が違う、（外部ツールを使うなどでも）などもしあればご指摘いただければ幸いです。 ---
**Author:** ![kinari](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/kinari/32/6625_2.png) [@kinari](https://www.nocode-faq.com/u/kinari)\ **Post date:** [2022 年 11 月 7 日午前 12:51 UTC](https://www.nocode-faq.com/t/topic/3251/2 "2022-11-07T00:51:06Z")
会話劇の画像やテキストをリストにして表示して、ユーザーの進行値と一致するものだけを表示するようなフィルターをかければよいかと思います！ [![](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/4/4269ec5d2bb1f1338982b8f789593ca569f03249.jpeg "How to make a list your users can filter") ](https://www.youtube.com/watch?v=dflwpniED-s) リストへのフィルターのかけ方はこちらからチェックしてみてください！ ---
**Author:** ![yoshino](https://avatars.discourse-cdn.com/v4/letter/y/bcef8e/32.png) [@yoshino](https://www.nocode-faq.com/u/yoshino)\ **Post date:** [2022 年 11 月 7 日午前 3:11 UTC](https://www.nocode-faq.com/t/topic/3251/3 "2022-11-07T03:11:06Z")
ありがとうございます！こちらでバッチリできました。 リストで表示してフィルターを掛けるというのは目から鱗で勉強になりました・・・！ 他の状況下でも、キーでの紐づけ表示をadaloで行う際に使う事がありそうなテクニックですね。 ![スクリーンショット_20221107_120923](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/a/af421c2b8663c4fb89c40b9979b1e15346038d83.png) ![スクリーンショット_20221107_120936](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/e/e26bef3ed9e07b784bc22521bce8567af7fc8f2f.png) ---
**Author:** ![kinari](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/kinari/32/6625_2.png) [@kinari](https://www.nocode-faq.com/u/kinari)\ **Post date:** [2022 年 11 月 7 日午前 6:32 UTC](https://www.nocode-faq.com/t/topic/3251/4 "2022-11-07T06:32:34Z")
お役に立てて何よりですー！アプリ完成楽しみにしてます！