Glideの使い方【アプリダッシュボード】アプリ作成手順

ノーコードをやってみたいと思ったときにおすすめなのは「Glide」です。

Glide(グライド)は、簡単にアプリが作れるノンプログラミングツールです。

直感的に使えて、初心者でもアプリ制作を気軽に始めれるGlide。

ここでは、Glideを使用して「画面レイアウトの使い方」を紹介します。

Glideのアプリダッシュボード画面

まず、Glideを使うには、登録が必要で、グーグルアカウントが必要です。

登録方法は別記事を参考にしてください
Glideの登録方法

Glideにログインすると、アプリのダッシュボード画面が表示されます。

アプリダッシュボード画面はシンプルで、以下のような画面が表示されます。

上のキャプチャーが最初の画面です。

基本は英語表記です。日本語に訳するとこのようになっています。

左側に、apps(アプリ)、Billing(課金)、Referrals(紹介)があります。

その下の「Learn」は、使い方の動画などがありますが、全て英語です。

「template」では、テンプレートをチェックしたり、プレビューを見ることができます。どのようなテンプレートがあるのかをチェックして見るといいです。

一番下の「Add Organization」は、組織で複数人で使う場合に使用します。

アプリ作成手順

Glideの仕様が2021年2月に大きく変わっています。以前のエディタとは異なります。

アプリを作るには、Create Appをクリック。

クリックすると、「グーグルスプレッド」と「グライドテーブル」を選択できます。

データを選択、入力するとアプリを制作できます。

もし、テンプレート使用して作成したい場合は、スクロールさせると下にテンプレートがあります。

グライドテーブルを使用したい場合は、別記事で紹介しています。
⇒ グライドテーブルを使用したアプリ作成方法


ここでは、アプリ作成の流れを理解するために、テンプレートを選択して進めて行きます。

Glideで用意されているテンプレートが表示されます。

Glideには、いろいろなテンプレートがあります。

すべてのテンプレートを確認する場合は、Browse all templatesをクリックします。

クリックすると、すべてのテンプレートを見ることができます。

テンプレートは、有料のものと無料のものがあるので注意してください。FREEとなっているのが無料です。

ここでは「Meal Plans」をクリックして開いてみます。

Meal Plansは、食事プランのアプリです。

テンプレートをクリックして、エディタ画面でテンプレートをいじれます。

エディタ画面

画面中央上部のアイコンで切り替えを行います。

中央でレイアウトを変更でき、右側のSTYLEで、リストにしたり、カード型にしたり変更ができます。
⇒ レイアウトの設定方法


左サイドバーの一番上がタブの設定です。

下側のタブの位置や中身を変えれます。下の表示していないタブを追加することもできます。

タブをクリックして、中身を設定することができます。

タブ設定の詳細はこちらの記事を参考にしてください。
⇒ GlideのアプリのTAB(タブ)設定をする方法
⇒ タブをハンバーガーメニューに追加する方法

Setting(設定画面)

上部の右側の歯車マークは設定(Setting)で、外観デザイン、カラーやサインイン画面などを設定します。

アプリの設定やアイコンを変更したりするのも設定で行います。


【Settingの項目】


サインインの設定もここでできます。
⇒ Glideのログイン認証の設定


上部の、シートマークのようなものがデータが入っているシートです。

上部のシートマークをクリックすると、スプレッドシート(データベース)が開きます。

アプリ内のデータはここで確認できます。

アプリの製作では、スプレッドシートのデータ入力を多用することになるので、スプレッドシートの書き込みに慣れるといいです。

クリックすると中に入っているデータが表示されます。
⇒ GlideのDataとEdit sheetの使い方


最後に右上のSHAREでアプリをシェアすることができ、公開条件をしてするとQRコードが表示されます。

このような流れで、テンプレートを使用して、アプリが作れます。

まず最初は、気になるテンプレートを開いてみて、どのようなことができるのかをチェックして、少しづついじってみるといです。

いろいろ触ってみることで、感覚的に理解できると思います。

思ったよりも簡単にアプリが作れることに驚くかもしれません。
⇒ 【Glide】初心者におすすめのテンプレート「簡単なタスク管理アプリ」


ここではアプリダッシュボード画面、テンプレートのエディタ画面の紹介をしました。

次の記事では、スプレッドシートを使用して、簡単なアプリを製作した流れを紹介します。

⇒ Glideの使い方【Googleのスプレッドシートを使用したアプリ作成編】
⇒ 料理日記アプリ
⇒ 旅行・観光アプリ
⇒ オープンデータを利用してアプリ制作

スポンサードリンク



コメントを残す

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