非エンジニアでもアプリ開発！NoCodeツールのGlideを使って爆速でアプリ開発してみよう

NoCodeとは？

NoCode開発とは、プログラムを書かずにアプリやWebページを作成する手法のことです。誰でも簡単にアプリ開発ができることから、今話題の開発手法です。

前回のブログでNoCode開発とは？という内容で、詳しく紹介しているので、ぜひ見てみてください！おすすめのツールも４つ紹介してます～

あわせて読みたい

プログラムを書く時代は終わり?!プログラムを書かないNoCode（ノーコード）とは？無料で使えるNocodeツ... 　　 こんにちは～とりです!最近ネットニュースなどでも見かける、NoCode（ノーコード）について今日は解説していきます～Nocodeでアプリ開発する際に使う、おすすめツ...

Glideとは？

アプリ開発ができるNoCodeツールの一つです。

実際に表示されるスマホの画面を見ながら直感的にアプリを作成できます。

また、GlideではGoogleのスプレッドシートをデータベースとしてアプリを作成するという特徴があります。

Glideの公式サイトでは「Googleスプレッドシートから5分で無料でアプリを作成できます。」と大きく書いてあります～なんだか簡単にアプリが作れそうですよね～

また、Glideには無料で使えるプランがあって、

• スプレッドシート500行
• シート更新1000枚
• 10%の取引手数料
• モバイルレイアウトのみ
• 100MBのファイルストレージ
• glideapp.ioドメイン

という規制はありますが、個人で遊ぶにはちょうど良いプランです(^^)

あわせて読みたい

Glide | No Code App Builder | No Code Application Development | Power Your Apps with AI Glide makes it easy to build and deploy powerful custom apps powered by AI with no code. Create your first app by trying Glide for free.

開発準備

アカウント登録する

Glideのホーム画面右上のSign upからアカウントを作成しましょう！

Googleアカウントを連携できます。

アプリのテンプレートを見てみる

無事ログインできると、Glideのホーム画面が表示されます。

Templatesにアプリのテンプレートがあります。

大体よく開発されているようなアプリのテンプレートが一通りある感じでした。

無料で使えるものもたくさんあるので、まずはテンプレートをコピーして、どのように設定して作られているのかを見てみましょう！

Glideでの開発のイメージができ、開発がスムーズにできます~

テンプレートのコピーはテンプレートを開いた画面右上のCopy This Templateをポチっとすればできます。ホーム画面に戻るとAppsにテンプレートがアプリとして追加されています。

下記は家計簿のテンプレートです。気になる部分をクリックするだけで、その部分の設定画面が表示されます。驚くほど直感的に操作できます。

Googleのスプレッドシートを作成する

作成するアプリ用にGoogleのスプレッドシートをこんな感じに用意しておきましょう！

スプレッドシートを更新しながらGlideでアプリの開発ができるので、最初はこんな感じに適当な感じで大丈夫です。

さっそく開発！

アプリを追加する

ホーム画面のNew appをポチっとしてみます。

Google Sheetsを選択し、Continueをポチ。

アプリで使うスプレッドシートを選択します。スプレッドシートとアプリが紐づきます。

選択したらSelectをポチ。

少し待つと、アプリの開発が画面が表示されます。いよいよ開発スタートです！

自由にポチポチしてアプリ開発

ここまで来たら、色々ポチポチしてスマホの画面みてどうなるのか見る…を繰り返して自分好みに開発していくだけです。

TABSはスプレッドシートのシートと紐づきます。右側のsourceで紐づけたいシートを選択します。

Labelでタブの名前を付けます。

STYLEでは画面の表示方法を設定できます。

Add Formを選択し、Allow users to …のチェックを入れるとデータ入力の設定ができます。

表のアイコンを開くと、読み込んだスプレッドシートが表示されます。ここでもスプレッドシートを編集できます。

アプリのデザイン設定

歯車マークを開くと、アプリの設定が表示されます。

アプリのデザインやアイコンを変えたりできます。

セキュリティ設定

歯車マークタブにある、Privacyで公開の設定もでできるのですが、PUBLICにしてしまうと全世界の人からアクセスされてしまいます。見知らぬ人に荒らされる可能性が高くなってしまうので、特に公開しない場合は何も選択しないようにしましょう。

友達などに共有したい場合は、PRIVATE SIGN-INのLimit access by passwordで、アプリにアクセスする際にパスワードを入力させる設定にするのがおすすめです。

アプリが完成したら

右上にあるPublishをポチします。

するとアプリ用のQRとURLが表示されます。

右上に表示されるようになるShareからもQRやURLを見ることができます。

私が作成したアプリ

ワークアウトと体重などを記録する簡単なアプリを作成しました。

アプリのアイコンはhttps://hatchful.shopify.com/ja/でつくりました。

チャートを表示させたり

ワークアウトを記録したり

体重などを記録したり

自分のワークアウトのカテゴリーを登録したり

まとめ

今日はGlideを使ったNoCodeなアプリ開発方法と私が作ったアプリについて紹介しました。