# 概要 - スクリーン、データベース、レイアウト設定、ユースケース

ビデオギャラリー＆アップロード機能テンプレートを使用すると、アプリのビデオコンテンツのライブラリを簡単に作成できます。ユーザーはビデオのギャラリーを閲覧し、1つをクリックして詳細を表示したり、大きなビデオプレーヤーで視聴したり、自分自身のビデオをアップロードすることさえできます。

***

**含まれる画面:** *これらの画面は、あなたのアプリの顧客やクライアントが対話する画面です。*

🎥 **ビデオライブラリ** すべてのアップロードされたビデオのギャラリーをスクロールします。再生するために1つをクリックするか、詳細をさらに表示します。新しいビデオを追加するためのフローに移動するためのアップロードボタンもあります。

📺 **大きなビデオプレーヤー** ビデオ視聴体験に特化した最小限の画面です。

📋 **ビデオの詳細** ビデオに関連するすべての情報を表示します。説明やアップロード者などが含まれます。

⬆️ **ビデオの追加** コンテンツライブラリに新しいビデオをアップロードするための必要なすべてのフィールドを備えたフォームです。

***

**利用例:**

* 各生徒がビデオを作成し、作成物を共有するクラス
* ユーザーがルーティンを共有するヨガネットワーク
* 振付けのチュートリアルやパフォーマンスビデオを提供するダンスインストラクター
* 様々なレシピのステップバイステップビデオチュートリアルを提供する料理インストラクター
* ユーザーが自分のワークアウトビデオを投稿するフィットネスコミュニティ
* その他多くの用途！

### データベース概要

ビデオギャラリー＆アップロードには、サンプルデータが含まれたデータベースが付属しています。各Adaloデータベースにはコレクションが含まれ、各コレクションには関連するプロパティが付属しています。コレクション間の必要な関係も設定されています。

{% hint style="success" %}
**データベースに関する重要な注意:**

機能テンプレートからコレクションやプロパティを**削除**すると、アプリの機能に影響する可能性があります。

機能テンプレートにコレクションやプロパティを**追加**しても、アプリの機能には影響しません。
{% endhint %}

以下は含まれるコレクションとそのプロパティの概要です。コレクション名は太字で表示され、説明が含まれます。プロパティには名前、プロパティタイプ（角かっこ内）、説明が含まれます。

#### 基本的なコレクションとプロパティ:

#### 👥 **ユーザー**

ユーザーコレクションは、すべてのAdaloアプリに自動的に付属しています。このコレクションには、アプリを使用するすべてのユーザーに関連する情報が格納されます。この情報は、ユーザーがアプリを利用するためにサインアップする際に最初に収集されます。

* Email \[テキスト] — ユーザーのメールアドレス。
* Password \[暗号化] — アプリにログインするためのユーザーのパスワード。これは管理者を含め、誰にも表示されません。
* Username \[テキスト] — ユーザーのユーザー名。
* Full Name \[テキスト] — ユーザーの名前と姓。
* Profile Photo \[画像] — ユーザーのプロフィール写真。
* Videos \[One-to-Many-Relationship] そのユーザーに関連するビデオ
* Role \[テキスト] ユーザーの役割
* Bio \[テキスト] ユーザーのバイオ

#### 📋 カテゴリー

カテゴリーズ・コレクションは、製品の異なるカテゴリーを作成する場所です。追加した各製品は、特定のカテゴリーに関連付けることができます。

* 名前 \[テキスト] — これはカテゴリー名です（例: アパレル）
* 画像 \[画像] — カテゴリーを表す画像
* 動画 \[一対多の関係] — そのカテゴリーに関連付けられた動画

#### 📋 動画

動画コレクションは、コンテンツギャラリーのすべての動画を追加する場所です。

* タイトル \[テキスト] — 動画の名前
* サムネイル \[画像] — 再生前の動画を表す画像
* 動画ファイル \[ファイル] — 動画ファイル
* 説明 \[テキスト] — 動画の簡単な説明
* メインゴールの説明 \[テキスト] — 動画の目標の簡単な説明
* 取り上げられるトピック \[テキスト] — 動画で取り上げられるトピックのリスト
* 長さ \[テキスト] — 動画の長さ
* カテゴリー \[多対一の関係] — 動画のカテゴリー
* 動画クリエイター \[多対一の関係] — 動画のクリエイター

## レイアウト設定

ソーシャルメディアフィード機能テンプレートの各画面は、レスポンシブデザインを使用して作成されています。画面はどのデバイスやタブレットでも見栄えがします。

ほとんどの画面はカスタムレイアウトで設計されています。画面に新しいコンポーネントを追加すると、他の画面サイズに影響を与える場合があります。

### レイアウト概要

異なる画面サイズのレイアウトを表示または編集するには、画面タイトルをクリックしてドロップダウンを表示します。

<figure><img src="https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-0a98b0144050234aedd2b5e3fb1441156412f400%2FLayoutOverview1.png?alt=media" alt="" width="311"><figcaption></figcaption></figure>

このテンプレートのデフォルトビューはデスクトップです。ビルダーで1つの画面のサイズを変更しても、キャンバス上の他の画面のサイズは変更されません。

#### 非表示コンポーネント

<figure><img src="https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-0c0c6290c48169cd05f8be4e76ce60f303a0cad0%2FLayoutoverview2.png?alt=media" alt="" width="476"><figcaption></figcaption></figure>

各ビューには、デスクトップには表示されないがモバイルで表示されるコンポーネントがある場合があります。これらは左側パネルでグレーアウトされ、アイコンで示されます。

どのデバイスコンポーネントが表示されているかを確認する別の方法は、こちらのレイアウトタブです:

<figure><img src="https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-2bbea52ddce833a1d274220fbf1f4148195cd901%2FLayoutoverview3.png?alt=media" alt="" width="540"><figcaption></figcaption></figure>

#### カスタムレイアウト

<figure><img src="https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-5b867757643ee4aa22bb0c83ad9a711eabdb00f8%2FLayoutoverview4.png?alt=media" alt="" width="347"><figcaption></figcaption></figure>

一部のコンポーネントには、画面サイズに基づいたカスタムレイアウトが付属しています。これらの設定を表示するには、レイアウトタブを確認し、カスタムレイアウト設定までスクロールします。
