【Glide】アプリにスマホから動画をアップする方法はあるの？

最近、注目を浴びているノーコード。

簡単にアプリが作れる人気のノーコードツールGlideなら、プログラミングなしでアプリが作れると言われています。

ここでは、「Glideアプリにスマホから動画をアップする方法」を紹介します。

Glide

Glide（グライド）は、ノーコードツールで、Googleのスプレッドシートを用いて、アプリを作成できるサービスです。

クリックアンドドラッグで操作ができ、テンプレートやスプレッドシートとの連携が容易にできるためプログラミングは必要ありません。

プログラムコードの入力をせずに画面を操作してアプリが作成が可能で、簡単にアプリを作成することができる人気ツール。

Glideは、無料で登録して使用することができます。⇒　Glideの登録 

Glideアプリに動画を表示

Glideアプリでは、動画を表示することができます。

アプリ内に動画を表示するには、動画のURLを使用します。

直接Glide内に直接動画をアップロードできないため、別のサーバーなどに動画をアップしURLを使用してアプリに動画を表示させます。

動画の表示は、Videoコンポーネントを使用し、URL指定して行います。

Videoコンポーネントの詳細はこちら
⇒　Videoコンポーネント

動画を埋め込む方法

ここでは、新規タブの詳細ページ(Deatails)に動画を表示させます。

スクリーンの追加をクリックして、VIDEOコンポーネントを追加します。

MEDIAコンポーネントの中にあるVIDEOを選択します。

コンポーネントにVIDEOが追加されますが、このままではVIDEOを表示することができません。

DATAのVIDEOにシートを追加する必要があります。

スプレッドシート（データ）に、VIDEOのURL、リンク先を記載するカラムを追加する必要があります。

スプレッドシートにVIDEOの項目を書き込みURLを入力します。

DATAの中のVIDEOのシートをVideoにします。

リンクの入っているシートを選択すると、詳細画面に動画が表示されます。

ユーザーが動画を追加する方法

ユーザーがスマホなどで動画を追加する場合は、どうすればいいのでしょう？

ここでは、先ほど作成したVIDEOコンポーネントを使用して、スマホから動画をアップしてみます。

一旦、Webに動画をアップする必要があります。

アップロードは、OneDrive、Googleドライブ、ドロップボックスなどがあります。他には、YouTubeにアップする方法があります。

※リンクを取得した動画は、すべてのユーザーに公開されるように設定する必要があります。アップした動画のURLリンクを取得します。

動画は、サーバーやクラウドサービスなどを使用しなければいけません。動画のURLを使用して表示します。

（スマホでURLの取得例）

スマホから動画をWebにアップさせて、その動画URLをコピーします。

Glideでは、リンクはユーザーが書き込みをできるようにして、右上の鉛筆マークから動画URLをアップするようにします。

（フォームにVideoの項目を作成しておきます。）

フォームのVideoの項目に、先ほどコーピーしたURLを貼り付けます。

（スマホの場合は、長押しで貼り付けができます）

URLを貼り付けて、最後に完了をクリックします。

これでVideoのデータに、動画URLをアップできます。

Videoコンポーネントのページを確認すると、動画が表示されます。

動画は、クリックで再生が可能です。

このような流れで動画を表示できます。

まとめ

Videoコンポーネントを使用すれば動画の表示が可能になります。

動画の表示は、動画をアップロードさせてURLコピーして貼り付ける必要があります。

スマホから画像をアップして表示するのは、一手間かかります。

PCからは容易にできる作業も、スマホだと手間が増えますが、今後、改善されていく可能性がありそうです。

また、Glideのアプリのスクリーン全体に、動画を並べて動画アプリを作ることはできません。

画像を並べて、詳細ページで動画を表示することは可能です。

今回は、「Glideを使ってスマホから動画をアップする方法」を紹介しました。

アプリ開発の参考になればと思います。

そのほかのGlideの記事はこちら。

⇒　Glideの使い方【アプリダッシュボード】アプリ作成手順
⇒　ノーコードGlide【Googleのスプレッドシートを使用したアプリ作成編】
⇒　Glideの外観変更
⇒　Glideのログイン認証設定
⇒　GlideのアプリのTAB設定
⇒　Glideのアプリのアイコン変更とアプリ情報入力方法
⇒　GlideのChatの設定