たったこれだけなの！？ラク楽で送信フォームを作成【ノーコード・ツールGlide】

こんにちは！松井真也です。

感染症のことを考えると、なかなか人出が多いところにでかけることが叶いません。とはいえ、家でノーコードを学ぶには都合がいい、と解釈しましょう～😁。

さて、今回の動画「ノーコード・ツールGlideで入力フォームを最適化する
」です。

現在、Twitterのような、SNS機能のあるアプリを作っております！

前回の記事で送信フォームに遷移するためのボタンを設置したり、入力した内容が格納されるテーブルを作りました。

今回の記事では、その送信フォームを少し更新していきますよ！

Glideがあまりに賢いです😁。送信フォームに移動するボタンを設置すれば、とりあえず送信フォームを作ってくれます。さらに、データの送信先のテーブルを指定すれば、その列項目に従って、入力項目を作ってくれます！

とはいえ、、、ですよ。さすがに、多少は手直ししないと使えません。今回はその手直しとをちょっとやりましょう。

ところで、送信フォームから送るデータを、全て入力項目として設置してはいけません。どういうこと？

では、行ってみよう！

１．送信フォームへの移動

職員名簿の一覧から自分をタップして、「●●へ行ってきました～！」とか、近況報告ができるようにしていきますよ！

最近は、出歩いていることを楽しそうに報告するのは、少し二の足を踏みます、かね…😅。

加藤さんをタップします。

加藤さんの詳細画面には、前回記事で設置した、近況を入力するページに移動するボタンがあります！

すると、送信フォームに遷移します。

ここまでは前回のおさらいです。

２．Text Entryコンポーネントを修正する

入力する項目は三つありますね。「タイトル」「内容」「画像」です。

エディタ画面の左側のコンポーネント一覧も確認しておきましょう。

Text Entryコンポーネント２つとImage Pickerコンポーネントがありますね。いずれも入力専用のコンポーネントですよ😁。

では、Text Entryコンポーネントを代表して、「タイトル」のコンポーネントのプロパティを見てみましょうか。

何やら入力できるプロパティがいっぱい並んでいます。ここで重要なのは３つのみです。

１．Column：入力したデータが格納される列です。これを指定しないことには、データがどこに行ったらいいかわかんないですからね～。
２．Title：入力窓の見出しです。これがないと、もれなくユーザーが「何を打ち込むじゃい！」となります😅。
３．Required：入力が必須かどうかを決定します。必須ならONです。タイトルですからね…。まぁ必須にしときましょう。ツイッターっぽくするなら必須じゃなくていい気もしますが。

３．Image Pickerコンポーネントを修正する

さて、もう一つのImage Pickerコンポーネントもプロパティを見てみましょう！このコンポーネントを使って、みんなに共有したい画像を選択するんです😆

Text Entryコンポーネントと同様に、ColumnとTitleは設定しましょう。必須or任意については、、、画像は任意でいいですね。誰もが写真を共有したいっていうわけじゃないので。

そして、アップロードの仕方はどうしましょうか？「その場で写真を撮って投稿する」だけ選ぶこともできます。が、それに加えて、「保存されてる画像をアップロード」できるようにしておきましょう。

ところで、皆さん、投稿する記事を書き始めてから写真を撮ってアップロードしたことってありますか？私はないです！私だけ💦？

本日はこれくらいで。

まとめ

はい、今日はSNSみたいなアプリを作るために、入力フォーム画面の更新を行ないました！Glideが自動で大半のことを設定してくれてるので、ちょっとした手直しで済むことが分かりました。便利な世の中ですよ😆。

ところで、ユーザー自身が入力しない送信データについてもお話しようと思いましたが、次回以降に譲りたいと思いますよ。楽しみにしててください！

では、ビーダゼーン！

※私のやる気アップとブログの品質向上につながりますので、記事が気に入られた方は、「ポチっ」と好きボタンを押してくださったり、フォローいただけますと幸いです🙇。

なお、私が運営しているYouTubeチャンネル「ノーコード・ツール解説チャンネル」に掲載している動画を補足したり、発展させる形でnote記事を書いて、「Glideって何ですか？」というマガジンに集約しております！