メルカリっぽいVer.1(Glideにて)前半

画像32

Nocode始めるならこれGlide!④動画の参考テキストです。
今回の完成形は以下の通りです。
このアプリを「コピーする」をクリックして自分のグーグルドライブにコピーしてください。スマホも使って見比べると理解しやすいかも。
※要Glideアカウント作成(サインアップ)&グーグルドライブのアクセス許可
https://merumeru.glideapp.io/

画像1


✖をクリック(簡単なチュートリアルをスキップ)

画像2

画像3

「レイアウト」でコンポーネントの配置や設定に使う
「タブ」はタブ設定(ホーム、お知らせ、出品、ペイ、マイページ)で使う
「データー」はスプレッドシートやGlide固有のデータを設定する
「Preview as」は個別の表示設定や、アイフォン/アンドロイド表示の切替
「セッティング」はアプリの公開や名前、パブリックなどを設定する

画像4

○スプレッドシート側の確認
まず、Edit Sheetをクリック 

画像5

シート名と構成は以下の通り

画像6

シートごとの情報
「商品情報」のデーター

画像7

「お知らせ」シートのデーター

画像8

「出品者情報」のデーター

画像9

「項目」シート 選択肢をここに集約してあります。

画像10

「マイページ」シート 未使用

画像11

Glide側の確認
○ホームタブ

画像12

検索ウィンドウ

画像13

Inline List(音だけ)

画像14

Inlinelist(項目)LAYOUT設定前半

画像15

Inlinelist(項目)LAYOUT設定後半

画像16

Inlinelist(項目)FEATURES設定
FEATURESクリック

画像17

[ < ]をクリックしてコンポーネント画面に戻る

画像18

広告バナー(ランダム表示だけ)

画像19

IMAGE LAYOUT設定

画像20

IMAGE FEATURES設定

画像21

[ < ]をクリックしてコンポーネント画面に戻る

画像22

Rich Textをクリック(文字色、サイズをマークダウンで指定)

画像23

Rich Text LAYOUT設定

画像24

Rich Text FEATURES設定

画像25

[ < ]をクリックしてコンポーネント画面に戻る

画像26

Inlinelist(商品情報)をクリック

画像27

Inlinelist(商品情報)LAYOUT設定前半

画像28

Inlinelist(商品情報)LAYOUT設定後半

画像29


Inlinelist(商品情報)FEATURES設定

画像31

クッキーをクリック

画像32


この記事が気に入ったらサポートをしてみませんか?