【ノーコード】 Glide でコードを書かずにインスタグラム風『写真共有アプリ』開発！

2021年2月にGlideの画面が変更され、メニューの位置や構成が少し変わりました。この講座の動画は、それ以前に作成されたものなので、読み替えていただくために、画面の変更点をおおまかに紹介させていただきます。

本講座で作成する『写真共有アプリ』の完成イメージを紹介します。

『写真共有アプリ』に必要な情報を洗い出します。

Googleドライブ上にスプレッドシートを作成し、データベースを作成します。

Glideに連携したテーブルの情報を開き、カラムタイプなどを適切なものに整備します。

全体の見た目に関する設定、画面のアクセントカラーや、テーマを選択します。

アプリの画面を切り替えるタブの設定を行います。

ユーザー情報登録を行うためのフォーム画面を作成します。このフォームで登録した情報がユーザーテーブルに設定されます。

ユーザー情報表示画面に、登録した自分のユーザー情報を表示する様にします。

ユーザー情報登録のボタンは、最初にサインインしてユーザー情報の登録を行うまでの間だけ表示するように条件を設定します。また、Filter機能でユーザー情報画面に表示する情報を設定します。

ユーザー情報を編集・削除できるように設定します。

フォトフィード画面で、ユーザーが投稿レコードを追加できるようにします。

フォトフィード画面で、投稿されたレコードを一覧で表示するスタイルを設定します。また、「Relation」タイプのカラムの値を使って、紐づくテーブルの特定の項目を取り出すの「Lookup」というカラムタイプについて解説します。

投稿の詳細表示画面に必要なコンポーネントを追加または削除を行い、表示情報を整えます。

誰でも投稿レコードを編集・削除できるのではなく、投稿者のみが編集・削除を行えるよう編集機能に条件を設定します。

投稿写真に「お気に入り」を設定できるようにし、各ユーザーのお気に入り情報を、Glide内のデータの「is favorite」というカラムに設定します。