新・クマックマのダラダラダイアリー

エスタディオクマックマ

おー!って思ったことをブログに書いてきます。

地元のおいしいお店アプリをNoCodeツール「glide」で作ってみる

 

地元のお気に入りのお店を

スマホアプリっぽく見れるサイトを作ってみました。

 

成増・赤塚のおいしいお店アプリ

https://nari-aka-foodshop.glideapp.io/

 

ほんの微力ではあるのですが、

地元のお店に貢献できればな、と思って作ってみました。

もちろん無料ですので、心置きなく使ってください。

※よろしければ、HOME画面上にお気に入りに・・・。

 

使い方は、こんな感じです。

1.上記のURLにアクセスします。

2.こんな画面が表示されます。

f:id:sandplover_petro:20200816084942j:image

 

3.地図上のアイコンをタップすると、

下に選択したお店の名前と

ジャンルが出てきます。

コレをタップしてください。

 ※今回は、くずもちがおいしい

 よしのや東京店さんで。


f:id:sandplover_petro:20200816085200j:image

 

4.お店の詳細情報が出てきます。

お店の情報(営業時間、住所、電話番号、

支払方法など)と、食べた感想も加えています。

f:id:sandplover_petro:20200816085427j:image

 

写真が複数枚ある場合は、

写真をスワイプすると他の写真が見れます。
f:id:sandplover_petro:20200816085413j:image

 

※自分が行ったことのあるお店のみの

紹介にする予定です。

 

 

 

サイト作成時に使ったのは、

少し前からはやってきている

NoCode (コーディングなしでウェブサイトを作ることができる技術)の

"Glide"というツールです。

google スプレッドシートさえあれば、

あとはツールのほうでほぼ自動生成してくれます。

人がやるのは細かい部分という感じです。

 

編集画面は、こんな感じです。

画面右上で、どんな感じで表示させるかを指定します。

※今回は、マップ表示をさせています。

f:id:sandplover_petro:20200816003918j:plain

 

次は詳細画面。

画面に表示させる項目の設定をします。

表示項目は、google スプレッドシートから

自動生成してくれます。

表示不要項目の削除、表示設定の変更などの

作業を行います。

※視覚的にできるので、かなり楽です。

 できることは結構限られているのですが、

 その範囲内で最大限の効果を

 発揮させるようにすることがまた面白いかと

 思います。

f:id:sandplover_petro:20200816004041j:plain

 

これは、各項目の編集画面です。

今回は、画像の設定をしてみました。

画像をどんな形で表示するか(ましかく写真に

するか、等)、

画面の横幅全体に表示させるか、

クリックした際の動きをどうするかなどなど、

ある程度の設定はできます。

※複数枚の画像をスワイプ表示させることもできます。

 

f:id:sandplover_petro:20200816004300j:plain

 

ログイン機能、パスワード(PINコード)の

メール送付、お気に入りボタン追加、

ユーザが共有で使えるメモの作成などなど

いろいろな機能が無料で使えます。

 

google analytics は有料プランでしか使えない、

google スプレッドシートは上限500行まで(1シートにつき)、

ジオコーディングは自分で緯度経度を計算したほうが楽、

Glide の管理画面から google スプレッドシートの更新を行う場合の

上限回数は 1,000回までといった条件はあります。

 

趣味で使う(個人的にはマッチングサービスの

アプリとか、図鑑・カタログ系のアプリには

適していると思います)、

自分自身の学習で使う、

仕事でモックサイトをちゃちゃっと

作るのに使うといった使用法であれば、

結構重宝すると思います。

(作成時間も、そんなに多くかかりません。

 ひな形だけれあれば、2~3時間で終わるのでは

 と思います)

ユーザー部門の方にはもちろんなのですが、

SIer(特に上流工程とかプリセールスとか

やっている方)にもオススメです。

 

基本ドキュメントは全部英語ではあるのですが、

直感的にわかるところが多数あります。

思いの外アップデートも頻繁にやってくれる

ようです。

 

もしよかったら、みなさんもスマホアプリを

作ってみてはいかが?!

www.glideapps.com

 

あ、ご要望があれば承ります!