【Glide】同時進行する案件を手元で編集・進捗確認できるアプリを作成

## 【Glide】同時進行する案件を手元で編集・進捗確認できるアプリを作成

https://twitter.com/mWNYwPxi8h58533/status/1700888945985540325

皆さんこんにちは。
今回は、Glideを使ってアプリを作成しました。
作成前に参考にさせて頂いたリンクを添付します。

https://powerapps.microsoft.com/ja-jp/how-to-make-an-app/

https://nocodedb.world/archives/1180

### ■必要な情報のみ手元で見れたら・・・
多くの取引先様と商談を行うと、案件や商談数が増えるとともに、
「あれ、このメーカーさんとは何のメニューをいつから出稿していつまで配信するんだっけ？そもそも予算いくらだっけ」ということが起こります。

もちろん、間違えるわけにはいかないので商談前に前回の記録、報告書に目を通すわけですが、
PC立ち上げる→毎度Excelファイルを探す→確認を行うのは効率が悪い。外出先ならなおのこと。

代理店案件はプロジェクト管理ツールがあるのでモバイル版アプリを入れておけば各案件を追いやすいのですが、直案件は自分たちの手元でデータや進捗を管理する必要があります。

そこで、手軽に案件名から、予算やメニュー、出稿期間を確認できるツールがあると便利だと思い今回のアプリ作成へと至りました。

#### ■使用したもの
<dl>
    <dt>Glide</dt>
    <dd>https://www.glideapps.com/</dd>

<dt>Googleスプレッドシート</dt>
<dd>https://docs.google.com/spreadsheets/u/0/<dd>

<dt>Canva</dt>
<dd>https://www.canva.com/</dd>
<dl>

## ■アプリ概要
- 案件一覧
- メニュー一覧
- 掲載時期カレンダー
- 予算別提案

上記のタブで構成されています。


- **ホーム画面**
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3485526/5e313225-44f5-808f-9ce5-eaabd4447352.png)
- **案件一覧画面**
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3485526/623ea23d-6c49-4a10-27c9-6d212d2e52b6.png)
☝企業名やロゴ、予算、メニュー名が確認できる。

- **メニュー一覧**
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3485526/fcef2262-df01-b0a6-fc66-1e14f2ff3deb.png)
☝販売中のメニューを一覧で確認することができます。

- **掲載時期カレンダー**
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3485526/22c33d94-a423-dc47-ab88-2389a8009419.png)
☝いつから出稿頂いたメニューが掲載されるのか、案件獲得時期・月度のペースや進捗が確認できる。

- **予算別提案**
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3485526/379baa47-8a73-becf-ec6e-c9daa6662ad2.png)
☝検討中予算に応じて打つことができる施策の提案例
この金額ならこの施策ができるというのを体系的に把握できる。

#### ■スプレッドシートの設定
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3485526/d05ad5bd-0be0-e38f-767e-3dff52851852.png)


一度大枠としてスプレッドシートでページを作成。
シートを分けることで画面下部のタブ欄を作成しています。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3485526/4f31348d-4292-a711-740d-460f3250d5c6.png)


わざわざスプレッドシートに入って編集しなくてもGlideから編集できるのは非常に便利！

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3485526/533b8753-4360-066a-7afa-b59641e174f9.png)



#### ■Canva
掲載用企業ロゴは **Canva** で作成しました。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3485526/0e57c47d-8b7b-1f66-bb61-bdef2d1c1807.png)

既存のテンプレートを編集して画像として設定しています。

### ■オプションの紹介
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3485526/ea9b472f-2794-b15d-721a-fd810c70c64d.png)


☝追加案件があれば追加/編集も可能。


![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3485526/01ce2e6e-b75f-4f9e-1497-1afec1723160.png)


:::note
検索機能でソートも可能。
一例として、「Ad」だけ抽出して案件をピックアップしました。
:::

#### ■対象メンバーのみ招待したい、ログインは可能？
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3485526/a49df4d5-028c-eca8-c73d-54ca3dfe31a5.png)

☝ログイン認証も問題なく表示されました。


![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3485526/da28ce19-db26-e403-4a0b-0c20d17be5a5.png)
☝PCからログインするとこのような感じ。

## ■実際に使ってもらった
- 開発担当　Aさん
普段から開発の担当をされているので
アプリを使ってもらうと、結構いい反応。
PCで案件を登録し、確認することができました。
スマホなどの端末で案件を登録・進捗管理できるのはありがたい。



- 同僚　同時期に配属された　営業担当　Bさん
予算別で各メニューの組み合わせ提案が表示されると、
先方の予算に応じて効果が期待できる施策を提示できるので
その都度ニーズに応じた提案ができそう。
タップ遷移で情報確認できるのは扱いやすい。
あとは追加や編集がアプリ内でできるのが良いね～！

とのお声を頂きました。



### ■反省点・改善点
誤削除があると知らない間に必要な情報が消えている可能性がある。等
実際に運用する際は企業情報等社外秘の情報が含まれるので、取り扱いには十分に注意が必要。

操作する際は業務用端末限定のログインに制限することでクリアできると考えています。
幸い、Glideにメール認証→PINコードログインの仕様があるので実装できました。


実際運用する際の参考、プロトタイプとしては上々なクオリティに仕上がったと感じています。


個人的には文字を入力するのはスマホよりもPCの方がやりやすい。
その為、GlideのPC版でも同様に作成し、それぞれが連携するようにすると
操作端末に関わらず最新情報を取得できるようになり利便性が高まると感じました。

:::note warn
社外秘の情報がかなり含まれる為、少々ぼやけた部分が多いのが心苦しい点。
その為今作のリンク等は発行しておりません。ご了承ください。
:::

## ■今後に向けて
今後、新メニューや新たな媒体を扱うようになればアップデートを行う予定です。
まずは自分が使いやすい形で試作品を作り、そのうえでメンバーの意見や改善提案があれば実施できる部分・優先順位をつけて実装していきたいです。

派生型の一例として、今後クオリティが上がれば、お得意先様にこのアプリに招待していつでも進捗確認や予算ごとにどんなメニューの組み合わせが効果的かを見てもらえるようにしていきたいです。
反面、商談やコンタクトの機会が失われる可能性もあるのでそこは先輩や上司に要相談ですね。