コンポーネント編

【glide】LISTSについて徹底解説【コンポーネント編】

glide-thorough-explanation-about-lists-components

今回はglideのコンポーネント【 LISTS 】について徹底解説していきます。

glide公式リンクはこちら↓

glideの登録方法はこちら

glideのアプリ開発画面を徹底解説はこちら

glideのスタイル全8種類の概要をまるっと解説はこちら

glideのコンポーネント10種類の概要をまるっと解説はこちら

glideのデータの型23種の概要をまるっと解説はこちら

glideのアクション24種類の概要をまるっと解説はこちら

お悩み解決!オープンチャットのやり取りをまとめました。→オープンチャットQ&A

LISTSコンポーネント

LISTS

LIST-COMPONENT

リスト表示に関するコンポーネント。「Swipe、Details」以外の表示が可能。コンポーネントで使う場合はFilterやVISIBILITYを活用しある条件のものを抽出して表示したりすることが多いかも。※プロフィール欄に自分の投稿一覧を表示するなど。

ユーザーごとに固有の表示をする方法はこちら↓

glide-how-to-change-the-display-items-for-each-user
【glide】ユーザーごとに表示項目を変える方法画像付きで解説!アプリを作る際実装頻度の高い、ユーザー別表示について解説します。投稿型のアプリなんかにはぜひ組み込みたい機能ですね。...

①Inline List…データをリスト形式で表示するコンポーネント。
②List Relation…リスト形式で表示するリンクを設置できるコンポーネント。画面には~項目とデータの数だけが表示される。クリックでリストが展開される。

①Inline List

glide-thorough-explanation-about-lists-components (1)

設定項目は以下

  • STYLE
  • TITLE
  • SOURCE
  • DATA
  • ACTION
  • DESIGN
  • TEXT STYLE
  • OPTIONS

STYLE

「Swipe、Details」以外 から表示のスタイルを選択します。

スタイルについてはこちらをご覧ください→【glide】スタイル8種類の概要をまるっと解説

TITLE

リストのタイトルを編集

SOURCE

参照するシートを選択

DATA

それぞれ画像の矢印の部分に表示する項目を選択

ACTION

タップで動作するアクションを設定

アクションについてはこちらをご覧ください→【glide】アクション24種類の概要をまるっと解説

DESIGN

glide-thorough-explanation-about-lists-components (2)

Compactにすると表示がギュッとなります。

TEXT STYLE

glide-thorough-explanation-about-lists-components (3)
Allow text wrappingで全文表示

OPTIONS

glide-thorough-explanation-about-lists-components (4)
glide-thorough-explanation-about-lists-components (5)

表示のアイテム数を編集する項目。

②List Relation

glide-thorough-explanation-about-lists-components (6)

リスト形式で表示するリンクを設置できるコンポーネント。画面には~項目とデータの数だけが表示される。クリックでリストが展開される。

glide-thorough-explanation-about-lists-components (7)

リンク先の表示のアイテム数を編集する項目。

Options

全コンポーネント共通項目です。

VISIBILITY

glide-thorough-explanation-of-text-components (5)

コンポーネントの表示非表示を設定する項目。

アプリを作っているとある一定の条件を満たしたときだけ表示したい項目が出てきます。そのときに使うのがVISIBILITYです。

まずデータやユーザーを指定して、表示する条件を一覧から選びます。

例えばある一定のユーザーにしか表示されなかったり、何かアクションを起こした人にだけ表示したり…

けっこう使用頻度が高く、使いこなすとワンランク上のアプリが作れるようになります!

知らないと損?作業効率爆上がりグッズ

アプリやツールを開発する際はどうしても作業時間が長くなり、疲れやストレスがたまりがちです。

そんな時にあったら嬉しいお役立ちグッズをまとめました!良いアイデアやツールを生かすため、まずは環境を整えましょう!

おすすめグッズの記事はこちら→PCの作業効率爆あがり!おすすめグッズ大特集!

ノーコードで稼げるの?

はい、可能です。

スキルを身に付けた後どうするか?

分かりやすくまとめました。興味がある方は読んでみてください。

個別相談はこちら

作りたいアプリがあるけどどうやっていいかわからない!というひとがいましたら、個別に相談に乗りますのでこちらへご連絡ください。

LISTSまとめ

いかがでしたでしょうか?今回はglideで使えるコンポーネントの【LISTS】について徹底解説しました。 FilterやVISIBILITYと組み合わせると、指定の条件のものだけ表示させたりもできます。glideで一覧を表示する場合必ず使うことになるので使い方をマスターして、アプリ制作に役立ててください!

glide専用ラインオープンチャット作りました!お気軽にご参加ください。イェイイェイ🐣

ノーコードで即行動
とりすたんの座右の銘
ABOUT ME
とりすたん
glideというノーコードツールを使いアプリをゴニョゴニョしています。エンジニアではございませんので専門用語とかはヤメテください。 中の人は人口減少に苦しむ地方で小売り、飲食店を営む経営者です。ネットショップでは年間8000件全国へ商品をお届けしております。 ノーコードブログ&ビジネスに即使えるSNS必勝法を発信中!!!