4
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

目指す形

  • Google spreadsheetの、シート先頭の項目がアプリの先頭画面に並ぶ
  • 1つの項目をタップすると、その項目に一致している内容が表示されている

画面収録 2024-01-02 17.54.50.gif

スプレッドシート準備

スプレッドシートを使用します。シートは2枚用意します。

  • シート1:全項目が書かれたシート

スクリーンショット 2024-01-02 17.34.34.png

  • シート2:項目と内容がセットになっているシート

スクリーンショット 2024-01-02 17.34.42.png

Glideの操作

事前準備

  • Glideへログインします
  • New appから新しいアプリを作成します
  • Google Sheetsを選択し、先ほど準備したスプレッドシートと連結します

スクリーンショット 2024-01-02 17.21.59.png

  • すると既に下記のような状態になっています
    スクリーンショット 2024-01-02 17.23.36.png
  • ただ、それぞれのタイプを押しても中身は空白です
    スクリーンショット 2024-01-02 17.25.00.png

【本題】 項目・カテゴリーごとに表示させる

  • Dataからタイプシートを表示させ、新しい列を追加します

スクリーンショット 2024-01-02 17.28.15.png

  • 下記のとおりに設定します
    • Type: Relatiom
    • Relate to items where the value in: タイプシート
    • Matches the value in: 詳細シート > タイプ

スクリーンショット 2024-01-02 17.30.39.png

  • Match multipleにチェックをいれ、Saveボタンを押します
  • 下記画像のようになっていればうまくいっています

スクリーンショット 2024-01-02 17.35.34.png

  • 画面上方のLayoutタブに戻り、くさをタップします
  • 画面左のCOMPONENTSの右にあるプラスボタンを押し、任意のコンポーネントを追加します

スクリーンショット 2024-01-02 17.43.56.png

  • これで画面が画像のように変化しており、ほのおみずも同様の設定になっていれば成功です

画面収録 2024-01-02 17.45.39.gif

参考サイト

4
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?