その仕事まだエクセルでやってるの？！Glideで業務効率化！イベント報告用アプリを作ってみた

## あなたはGlideを知っているか
Glideというノーコードツールをご存知でしょうか？ノーコード初心者でも簡単にアプリを開発できるツールです。(偉そうに書いてますが、私もつい1週間前に知りました。)

https://www.glideapps.com/

公式サイトは全て英語なので、詳しい解説はNoCode Japan Newsの記事をご確認ください。

https://nocodejapan.org/media/glide-how-to-create-app/

> Glideは、アメリカ発のアプリケーション開発用ノーコードツールの一つです。データベースをスプレッドシートで管理することができ、ある程度プログラミングやデータベースの知識があるとスムーズにキャッチアップできる他ツールに比べても圧倒的なわかりやすさを実現しています。

アプリ開発といえば結構なお金をかけて開発するイメージですが、Glideを使うと簡単なモノであれば、30分で見栄えのするアプリが作れます。
![0FBCDC5A-E0F9-4FFB-A394-61B73AC38536.jpeg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2668122/5bf97d27-7475-7d56-2279-7c7d4b4f3474.jpeg)
テンプレートしか使ってないのに見た目もとても可愛いです。

今回はGlideを使って仕事で役に立つイベント報告用アプリを作りました。
作ったアプリのURLはこちらです。まずは実際にどんなアプリかご覧ください。

イベント報告用アプリURL　
https://purple-run-6268.glideapp.io/dl/d0a5f4
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2668122/ca1991e7-5514-92e4-52ae-a82c57aea20c.png)
初心者が30分で作ったとは思えない出来栄えです。


## そもそもイベント報告って何のこと？
私は商業ディベロッパーに勤めています。北海道から沖縄まで全国100以上のショッピングセンターを開発し、運営管理しています。
ショッピングセンターでは、集客を増やすためのイベントが毎週開催されています。
ステージショーやワークショップ、期間限定の物産展、ウォーターサーバーやクレジットのPRなどを一括してイベントと呼びます。出店テナントの客数アップを目的としているだけでなく、
PR系のイベントなどは場所代として賃料をいただくので、重要な収入源となっています。
毎週、開催イベントの報告をして事例共有を行い、お互いの成功事例を見て、次のイベントの企画立案に役立てます。

## 現在のイベント報告方法
現状は毎週1回、SC毎に、Excelシートへ必要事項を記入して、イベント画像を貼り付けています。
![1820F8F4-5663-4525-AD7D-512AC3CCD7BC.jpeg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2668122/1a220246-ae21-a4ec-198f-84b53829dbea.jpeg)
これが地味に面倒くさい作業なんです。
まず、夏休みや年末年始など、大型連休の時期などは規模の大きいショッピングセンターでは週に10件以上のイベントが開催されますが、1件ずつちまちまと画像を貼って、必要事項を記入してという作業をパソコンと睨めっこしながらやります。
実際の報告の流れとしては、
1. カメラでイベント写真を撮る
1. パソコンに画像を読み込ませる
1. 画像を圧縮する→Excelシートに画像を貼る
1. 必要事項を記入する→週報と一緒に会社の共有フォルダーにアップロードする
1. 報告先(会社の偉い人たち)にメールで送付する。
というような流れです。

しかも、今はセキュリティの関係で、特定のPCしかUSBポートが使えなかったり、社用携帯から共有フォルダーへのアクセスが出来ないので、PCへメールで画像を送信したり、結構な手間がかかります。

投稿内容はシンプルなのに、工程が多く、ショッピングセンター毎にExcelファイルを作るので検索性も悪い状況です。
報告先の方々も、毎週100件近くのExcelファイルをひとつづつ開けて確認するのは大変な作業だと思います。
(実際、報告先の方々は読み飛ばしているわけではなく、隅々までよく読んでいて、目につくと詳細を聞くための電話がかかってきたりします。)

この報告作業をアプリ化することによって、Twitterのように気軽にいつでもどこでも投稿できて、閲覧もできるようにしたいです。
やってみましょう！

## いざ作成　待ってろよGlide

今回参考にさせていただいた記事はこちら

https://note.com/momo_rpa/n/n34115b180322

とても楽しそうに作成されていて素敵です。
私も楽しく作っていきます。

Glideはテンプレートも色々用意されていますが、(厳密には有志の方の提供だそうです)
今回はNew projectを選択
![8E36DBAD-69A7-48A8-9722-99AF5BA3B455.jpeg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2668122/96a4a93c-f71a-eb6b-eb17-153f39e16f57.jpeg)

アプリの名を記入、Glide Appを選択してContinue を押します。
![0BA0B7E0-72E4-4D8A-8B88-4FF4E040A388.jpeg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2668122/e8f21fe5-fa72-7977-80ab-69b933e0283d.jpeg)

今回は既に元々合ったイベント報告用Excelシートを元にGoogle スプレッドシートを作成してあるので、Google sheetを選択します。
![33F48811-9C75-428F-AA7E-CED7CA7066F9.jpeg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2668122/c71090b4-3433-c187-8e78-62964ce4a11e.jpeg)

Google sheetにアクセスするのにGoogleアカウントにサインインするよう指示がでますので、sign  in with Googleを押します。
![E3AD6DE9-B1A8-4C0A-9718-A1765A7D9D8C.jpeg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2668122/bb902a01-8acf-4f19-5bf3-537aa99c2f38.jpeg)

サインインしたら、アプリ化したいスプレッドシートを選びます。
![5501C9BB-5972-4808-8572-B88FB75ACA6E.jpeg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2668122/979516dd-6792-c14c-cc17-5c2453830ce7.jpeg)

そうするとスプレッドシートを元に自動でアプリを生成してくれます。もう既にそれっぽいですが、色々と微調整をしていきます。
![F54CE194-1B08-463B-A9F2-D0FC67EEA341.jpeg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2668122/8901fd8e-f8f7-4254-fcfb-e7a1df1c7597.jpeg)
リストの表示方法の編集をして、画像の並べ方やサイズを調整します。
![BD14FE7F-1BF3-4861-9BC4-8A32175AD19F.jpeg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2668122/ecec7ffa-2397-999b-308e-72685df0d216.jpeg)
表示項目の変更をします。
![0C45A779-72AB-46D0-9A3C-4EBD0C6A420A.jpeg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2668122/bd5fcae8-21fa-7063-194f-9466e11eb564.jpeg)
今回はお気に入りボタンが欲しかったので、ButtonでFavoriteを設定しました。
![993339FA-E6BD-4A43-A6FD-E12F331CA1D7.jpeg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2668122/fcba1ec4-9d31-d65d-e3ac-dd4ca3d51e1c.jpeg)
そして今回のアプリの最大のポイントである、「投稿ボタン」の設定をしました。
![80A3C7A2-558C-4742-838C-323C39A22942.jpeg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2668122/1f24ab5a-7472-1aa9-340d-92c14c3656fc.jpeg)

ちなみに画像を押すとスプレッドシートに書いてある情報の詳細が表示されます。
![EF7D9090-3341-4A34-98CA-1622D4C844D0.jpeg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2668122/04be527d-b4d2-6563-e85a-14b4bcc235e6.jpeg)

スプレッドシートの情報はこちら。
このスプレッドシートの行に新しい情報を入力するとアプリ画面に反映されます。
![2203BA58-99D8-4CC5-81F6-872BAC33ACED.jpeg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2668122/5caffcbb-349b-5033-751e-0e8d4faf99fe.jpeg)

アプリ自体のレイアウトや色も変更できます。
![84C2ADD8-F3D8-4D37-B1F7-C6FD13A00020.jpeg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2668122/f3926864-655f-8979-f82c-7b01ce7fcfb8.jpeg)

アプリ名の変更(「報告」ではなく「投稿」にしました)とアイコンを変更、そして説明書きを入れるます。
![E0FD5362-B3F6-4C7B-9B6B-A9E974E9F2A0.jpeg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2668122/3526c976-3581-9366-84b2-164d02a2eaf7.jpeg)

Glideでは詳細なアプリ設定が行えますが、やればやる程深みにハマるので、今回は程々に留めてサクッと済ませてしまいます。
編集方法を覚えればここまで30分ぐらいで設定できます。(私は試行錯誤して3回ぐらい作り直してます。)

## いよいよプレビュー
右上のshareを押してアプリのQRコードを呼び出します。
![04EF18D6-66E2-4774-AC3A-57926F438768.jpeg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2668122/f03f352b-59ee-a9b1-6a49-b6b59ed58019.jpeg)

スマホのGoogle Chormeのブラウザで確認しました。
良いですね！ノーコードの勉強を初めて3週間目の素人が作ったとは誰も思わないでしょう。
見た目はTwitterというよりはInstagramに近いかも。
![E961C497-8110-475A-A4F1-D1BB22A8DB0F.jpeg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2668122/ddbf5115-4c5c-f915-c468-7f5243010d7f.jpeg)

ではいよいよ、アプリからのイベント情報投稿です。必要事項を入力して追加ボタンを押します。
![E9FADE30-A015-47B9-A84C-B176CCD06E6D.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2668122/d2f6b2b5-eb13-8023-9dac-4d2806775a4e.gif)

できました！
ちゃんとスプレッドシートにも反映しています。
![7FC47B03-1C3D-4580-8EE7-17AC25D510DB.jpeg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2668122/0f9324c4-dbe0-6556-f074-65a10a1518a8.jpeg)


## 実際に使用してもらってのフィードバック
使用場面と制作意図を伝え、実際にアプリをさわって貰い、運用のイメージが湧くか聞いてみました。
### 営業企画部Oさんのフィードバック
まずは、4月までショッピングセンターにいた、営業企画部のOさんに試してもらいました。
>* 使えそうです。
>* 実際にこれで投稿できるようになったらショッピングセンターの担当者も楽になると思います。
>* 画像は複数投稿できるようにしたいです。
>* 期間は複数日になることもあるので複数選択できると良いです。
>* 開催ショッピングセンター名とか実施場所のcolumnが欲しいです。
>* ちなみにこれって容量どれぐらいまで保存できるんでしょうか？スマホの写真をそのままアップロードすると容量すぐ無くなっちゃいますよね。やっぱり圧縮してからアップロードでしょうか。
>* イベント毎、ショッピングセンター毎とかでソートできると良いですね。
>* 自分のショッピングセンターの過去事例がすぐ見られるようになると便利です。

実際にイベント報告をしていた立場からの意見と、現在本社スタッフとしてのイベント報告を集約する立場から貴重なご意見をいただきました。ユーザー目線の鋭い指摘です。

### 財務経理部のSさんのフィードバック
畑違いの部署から、財務経理部のベテランSさんにも使ってもらいました。
>* これなら何にも知らなくてもすぐ使えそう。
>* このアプリなら、固定資産の棚卸しとかでも使えそう。投稿場所の位置情報を記録してフロアマップに表示出来るともっと良い。
>* 固定資産担当チーム(ショッピングセンターで固定資産棚卸しがちゃんとできているか抜き打ちチェックを担当しているチーム)に需要があるか聞いてみるね。
###### ※固定資産棚卸しとは
年1回、固定資産管理台帳を片手に、固定資産管理番号シールのついた備品(例AED、ディスプレイ、カウンター台など)を探し求めてショッピングセンターの中を彷徨う業務。何故か見つからない備品が毎回一つ二つあって非常に困る。

ご自身が営業担当になったつもりでご意見くださいとお願いしたところ、使用感のみならず、Glideの活用提案をいただきました。
画像と文字情報をスマホから投稿することで、スプレッドシートに集約されて、尚且つチーム内で共有できる部分に興味を示された様子です。

## フィードバックを受けての反省

### 良いところ
* ネット環境が有ればどこからでも投稿できる
* 仕事がスマホだけで完結する
* 簡単に投稿できる
* 全てのショッピングセンターの情報が簡単に閲覧できる
* 検索できる。
* 参考にしたいイベントをお気に入り保管できる。
* スプレッドシートに自動的に集約される

### 改良点
* ソート機能の追加(Glideの設定で可能)
* 閲覧者が用途に応じて画面レイアウトを変えられる(表示件数の変更)
* アップロード時に自動で画像圧縮がされる
* 投稿場所の位置情報の取得
* 容量問題の検討
→無料枠だと100MBまでなので、実際に運用にする時に画像圧縮をしても1ヶ月(投稿数2000件想定)でいっぱいになってしまう。利用者や過去事例の履歴検索も考えると、画像データはアップロード後に別場所にデータ保管されるようにしないと厳しそう。

サクッと作った割には、もう少し手を入れれば実際の運用も目指せそうなレベルのアプリができました。
恐るべしGlide。
もっと色々な活用方法を模索したいと思います。


## オマケ(失敗作)
自部署用にも既存のスプレッドシートを読み込んだアプリを作ってみました(制作時間10分)
![B7298ABA-1A19-405F-93AB-B99263C19CE3.jpeg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2668122/daa08bd4-2e0e-1f0d-9b54-ece3c40301bb.jpeg)

がしかし、
* 何に使うんですか？
* ショッピングセンターの事務所の電話番号とか、何の設備があるかとか
の検索とか？
* うーん、エクセルで見るのと変わらなくない？

不評でした。
気軽に作れるといっても、やはり創意工夫が無いと仕事では使え無さそうです。