スタイル編

【glide】スタイル8種類の概要をまるっと解説

Style Edition

今回はglideの【スタイル】について概要をまるっと解説します!

スタイルとは?
画面に表示するパターンをテンプレートから選ぶことができます。一覧、タイル形式、カレンダー形式等。自分で自由に配置できるものもあります。

glide公式リンクはこちら↓

glideの登録方法はこちら

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

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

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

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

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

youtubeでも配信中!

glideで使えるスタイルの種類

Style type

glideで使えるスタイルの種類は全部で8種類。

  1. List
  2. Tiles
  3. Calendar
  4. Map
  5. Checklist
  6. Cards
  7. Swipe
  8. Details

以上8種類を使い分け画面にデータを表示していきます。それぞれ細かい設定ができますが今回はざっくりどんな感じか解説していきます。

Data to use onepiece

今回使用するデータはみんな大好きワンピースのイラストを、こちらもみんな大好きいらすとやさんからお借りしました。このデータがどのように表示されるかをイメージしながら見てください!

List

list

List形式で表示するスタイル。
一番オーソドックスなスタイルでかなり使用頻度は高めです。表示する項目をデータから選択します。表示サイズや表示数、タッチした時のアクションをそれぞれ設定できます。

詳細はこちら
【glide】Listについて徹底解説【スタイル編】

Tiles

tiles

タイル状に表示するスタイル。
Listに似ていますが列の数や並べる方向などが選択できます。文字の位置や大きさ、タッチした時のアクションなども設定可。

詳細はこちら
【glide】Tilesについて徹底解説【スタイル編】

Calendar

カレンダー形式に表示するスタイル
日にちや時間の表示に特化しており、Todoアプリやイベント、予約の管理などを表示する際に便利。パターンが2種類あり、開始時間、終了時間なども設定可。

詳細はこちら
【glide】Calender、Map、Checkboxについて徹底解説【スタイル編】

Map

map

地図の表示に特化したスタイル。
データに住所の列を作り参照することで、地図上に場所を表示できます。お店のリストを作るときなどに使えます。無料版では表示するピンの数に制限(10)があります。

詳細はこちら
【glide】Calender、Map、Checkboxについて徹底解説【スタイル編】

Checklist

checklist

チェックボックスのついたスタイル。
データにチェックの欄を作ると、画面と連動して値が挿入されます。Todoアプリなどで『チェックを入れると完了!』みたいなやつに使えます。

詳細はこちら
【glide】Calender、Map、Checkboxについて徹底解説【スタイル編】

Cards

cards

大きなカードで表示するスタイル。
並べる方向、画像のサイズ、表示する項目などが設定可能です。表示できる項目数が多いので、一つの枠で色んな情報を見せたい時に便利です。

詳細はこちら
【glide】Cardsについて徹底解説【スタイル編】

Swipe

swipe
swipe-animation

横にスワイプして項目を切り替えるスタイル。
表示する項目は自由に設定でき、左右のスワイプにそれぞれアクションを割り当てることができます。

詳細はこちら
【glide】Swipeについて徹底解説【スタイル編】

Details

detailes

表示項目を自由に選べるスタイル。
表示したい項目やスタイルが上のどれにも当てはまらない場合はこちらで自由に組み立てましょう!地図やボタン、画像だけを並べたりlistとほかの項目を組み合わせたり色々できます。

詳細はこちら
【glide】Detailsについて徹底解説【スタイル編】

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

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

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

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

ノーコードで稼げるの?

はい、可能です。

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

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

個別相談はこちら

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

スタイル8種類の概要まとめ

以上ざっくりですが、glideで使えるスタイルについて解説しました。色々なパターンがありますので状況に応じて使い分けましょう!細かい設定などは後日徹底解説します。お楽しみに!

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

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