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

当ページのリンクには広告が含まれています。

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

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

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

Glide

Glide

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

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


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

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

Glideの仕様が2021年2月に大きく変わり、以前のエディタとは異なっています。今後も変更する可能性があります。

随時変更していますが、一部以前のままの部分もありますので注意してください。

Glideアプリに動画を表示

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

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

動画の表示は、動画のURLリンクが必要になります。

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

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

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

ファイルピッカーは、ファイルのアップロードが可能ですがファイルサイズは10.5MBまでです。

それ以上はアップすることができないので注意してください。

動画を埋め込む方法

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

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

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

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

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

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

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

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

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

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

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

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

動画をサーバーにアップする必要があります。スマホで撮影した動画を直接Glideにアップすることができません。

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

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

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


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

(スマホでURLの取得例)

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

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

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

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

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

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

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

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

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

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

まとめ

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

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

スマホで撮影した動画を表示するには、一旦Web上にアップしなければいけません。

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

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


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

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


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

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

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

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

スポンサードリンク



4 件のコメント

  • ポン吉です。詳しい説明有難うございます。しかしPCで動画の設定をやる分には簡単ですが、スマホでやろうとすると面倒くさいですね。Adaloだったらもっと簡単かと思いTutorial見ましたが結局同じですね。

    動画は容量が巨大になるので直接アップロードをする方式でなく、クラウド上に一旦上げて、リンクを取得してそれをデータベースに書き込むというのが基本であることが分かりました。(NHKスクープBOXのような直接アップロードはノーコードアプリは出来ないんですね。)

    • コメントありがとうございます。

      確かに、スマホだと面倒な部分があります。

      私は普段、PCだけでチェックしていることが多いので、スマホで使ってみることが大事だと感じました。

      現状では、動画URLを取得しないといけないので面倒ですね。

  • 度々すいません、ポン吉です。ブログの作り方で1点お願いがあります。説明に使っている画像はサイズ固定になっていますが、クリックするとフルサイズで表示できないでしょうか?(最近視力が弱くなってきて、小さい字を見るのに難儀しています。)

    このサイトはWordPressで作っているのですか?もしそうでしたら画像を埋め込みの時のサイズとクリックしたときのサイズが選択できると思います。(このサイトの画像は細い黒枠が付いていて見やすいです。どうやっているのですか?CSSの設定?)

  • コメントを残す

    メールアドレスが公開されることはありません。 が付いている欄は必須項目です