![見出し画像](https://assets.st-note.com/production/uploads/images/70657335/rectangle_large_type_2_457d0b5d1f33f4519124428224f42d0b.png?width=1200)
検証:アレイカラムへのデータ入力をスマートにやりたい【ノーコード・ツールGlide】
今日は、「複数の選択肢の登録を、一つのチョイスコンポーネントでできちゃうの?」というお話です。まずは、具体例を見てみましょうよ😄!
ユーザーさんが好きな動物を複数登録できるアプリを作っているとします。例えば、下のようにです(前回記事で紹介したアプリです)。
![](https://assets.st-note.com/img/1643055862545-oBszD01j7f.png)
Googleスプレッドシートのデータは次の通りです。最大4つまで登録できます。
![](https://assets.st-note.com/img/1643056153935-ywHBHNvPyK.png?width=1200)
ただ、このGoogleスプレッドシートをGlideに取り込むと、データエディタ上では、次のようになります。そう、アレイカラムとして一つにまとめられます。
![](https://assets.st-note.com/img/1643056209770-PoyMEeP12n.png?width=1200)
さあ、ここまで見たところで、あなたならどんな登録画面を作りますか?
「送信フォームにチョイス・コンポーネントを置くんですよね!?😁」
さすがです!よくGlideの使い方に慣れていらっしゃる!でも、4つのチョイスコンポーネントを配置して一つ一つ選んでもらいますか?こんな感じに。
![](https://assets.st-note.com/img/1643056423169-QhgHu3oHn5.png)
ちょっと入力が面倒くさい作りですね。まとめて選べないんでしょうか???
そうだ、チョイス・コンポーネントのチップス形式が使えるのでは!?と思い立ちました!
なんのこと!?はい、ちょっと試してみましょう😄!
複数選択可能なチップス形式
やりたいことは、下の画像のとおりです。好きな動物をポチポチと選んで、「はい!送信」です。こっちの方が楽でしょ!?これでうまくいかないかなあ~。
![](https://assets.st-note.com/img/1643056671132-zl3uSAYhmm.png)
上のコンポーネントの設置方法は、こうです。一つチョイス・コンポーネントを設置します。
![](https://assets.st-note.com/img/1643056764608-sTJyusCOBo.png)
チョイスコンポーネントのスタイルを「Chips」にし、かつマルチプルをONにします。
![](https://assets.st-note.com/img/1643056807208-tPsSc0N3GM.png)
そうすると、こんな感じに入力できるんですね。いいじゃん!
![](https://assets.st-note.com/img/1643056863818-4bgEGQXY32.png)
データの送信先にアレイ・カラムを指定できない
が、しかし、、、ここで悲しいお知らせです。
![](https://assets.st-note.com/img/1643056929950-meEG7E6DwN.png)
チョイス・コンポーネントで選んだ値を、どのカラムに送り込むか指定するのですが、、、アレイカラムが選択できない、、、。やっぱり。。。
ワンチャン行けるかな~と思いましたが、甘かった😅。そうですよね。選択した各値が、具体的にどのカラム(1~4)に入るか指定できないですからね。アレイ・カラムは、値の実体をもたない仮想カラム(Computed Column)ですし。残念です!
(※ちなみに、普通のテキスト型カラムなどをデータの送信先に指定すれば、カンマ区切りで一つのセルに値が入り込みます。)
仕方ないけど、ドロップダウンで一つ一つ入力してもらうことにしましょう。。。下の通りに。
![](https://assets.st-note.com/img/1643057198492-LamxXZnPzE.png)
でも、せめて、上のコンポーネントですでに選択済みの選択肢が、次のコンポーネントでは表示されないくらいのことはやりましょう!それは次回に譲ります。
もっと、いい登録方法をご存じの方はぜひ教えてくださいね。試しますので~!
では、ビーダゼーン!
※私のやる気アップとブログの品質向上につながりますので、記事が気に入られた方は、「ポチっ」と好きボタンを押してくださったり、フォローいただけますと幸いです🙇。
この記事が気に入ったらサポートをしてみませんか?