リスト
リストエレメントは〔べーシック〕〔カード〕〔カスタム〕の3種類あります。データベース内のデータを表示する際に使用する、アウトプット用のエレメントです。テーブル内のデータを一覧で表示する目的で使用されることが多いです。
こちらではリストエレメントについて解説しています。
▼目次
リストエレメントベーシック・カードカスタムサンプルアプリ（クローン可能）リスト全般の使い方ベーシックカードカスタム横スクロール機能データベースの選択フィルター並び替え上限アクションベーシック（初級者）スクロールのアクティブ化アクティブ時非アクティブ時境界線カード（初級者）カスタム（中級者以上）追加オプションに関してリストの自動更新スクロール時のデータの読み取りチャット形式リスト
リストエレメント
ベーシック・カード
一覧表示の際に、よく使われる形式のリストです。予め、テキストや画像を配置してあることから簡単に使用できます。
※ 新たにテキストなどのエレメントを、リスト内に配置することができません。
カスタム
上記リストに比べ、予め用意されているエレメントは少ないですが、リスト内のエレメントを自由自在に変更（追加削除）できます。
サンプルアプリ（クローン可能）
‣
リスト全般の使い方
配置したリストを選択すると、右側ウインドウパネルが表示されます。
ここで詳細設定を行います。
ベーシック
カード
カスタム
〔追加オプション〕のて、詳細を設定できます。
基本的に、〔リストの自動更新〕はONに設定してください。
横スクロール機能
追加オプションの設定から、〔横スクロール〕機能を設定できます。
データベースの選択
テーブルを一つ選択して、そのテーブル内のデータを表示することができます。
フィルター
表示するデータを制限します。
例えば、〔自分のお気に入りの投稿〕や〔検索結果〕などが挙げられます。
- 条件をさらに追加したい場合は… フィルター下部のボタン〔+ OR〕を押すと〔カスタムフィルター〕が表示され、ここでさらに条件を追加することができます。
並び替え
レコードの並び順を設定できます。デフォルトではレコードの作成順に表示されます。そのテーブルに存在するデータタイプに応じて、ソートの種類が増えます。
- true / false true / false いずれかを優先的に表示する
- 日付 / 日時 新しい / 古い データ順に表示する
- 数値 大きい / 小さい 順に表示する
上限
表示上限を設定します。
アクション
レコードまたは右セクションなどを押下時の動作を設定できます。
- ページ移動 キャンバス内に存在する他のページへ遷移します。（例：詳細ページへ移動… ）
- 作成 テーブルを選択して、データを作成します。
- 更新・削除 押下したレコードの「更新・削除」を行います。
- カスタムClickFlow 外部ツールと連携した動作を設定できます。 API 連携についてはこちら
- その他 アカウント（Users テーブル）に関連する動作や、メール送信機能などを設定できます。
※カスタムリストでの横スクロール機能が対応となりました。
ベーシック（初級者）
データベースの選択や、フィルターなどリスト全体の設定を行います。
※基本的な形のリストです。予め用意されているエレメントを 表示 / 非表示 設定することでリストの形式を変更できますが、用意されていないエレメントをリスト内に追加することはできません。
スクロールのアクティブ化
表示範囲の設定ができます。
アクティブ時
「キャンバスに表示されている範囲」のみにリストが表示され、その範囲内でスクロールすることができます。
非アクティブ時
キャンバスに表示されている範囲を超えてレコードが表示されます。
境界線
レコードの境界線を設定できます。
カード（初級者）
画像が表示できる、最低限の機能を持ったリストです。表示形式（列）の変更ができます。デフォルトでは2列になっています。1列 ～ 4列まで設定することができます。
※ベーシックリストと同様に、予め用意されているエレメントを 表示 / 非表示 設定することでリストの形式を変更できますが、用意されていないエレメントをリスト内に追加することはできません。
カスタム（中級者以上）
リスト内に配置するエレメントを自由自在にカスタムすることができます。
リストの自動更新
リアルタイムで投稿が反映される投稿アプリなどでは、〔リストの自動更新〕をONにするのを忘れないようにしましょう。
スクロール時のデータの読み取り
ページを上にスクロールすることでデータを読み込みます。
チャット形式リスト
チャット機能を作成する際に選択します。「リストの先頭」が下部になり、新たなレコードは下に追加されるようになります。
最終更新日：2025/02/25