【前編】業務効率UP！！ノーコードツールのGlideで書類授受管理アプリを作成

お疲れ様です。
業務効率のため日々奮闘中の事務員兼主婦です。
職場ではWebを推進をしていますが、社内はアナログ仕様で事務所の中は紙にあふれています。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3570716/ba960c99-92b8-a0fb-5f78-decfcf485ff0.png)

セキュリティが厳しいはずなのに、手作業で紙の管理が多いのはセキュリティ的にいかがなものなのでしょうか？
そこで、業務効率として以前、ノーコードの**Glide**で管理簿及び勤務シフトアプリなどを作成してみました。

https://qiita.com/kiku_2005/items/67f67ca8340dab7206de

https://qiita.com/kiku_2005/items/3ddbca656521b9227c20

https://qiita.com/kiku_2005/items/953d67e6c7c75a285b32


前回、試作品として使用してもらい、色々な要望を頂きました。

:::note warn
・急ぎの書類を外出先から画像で送ったりできないか。
・画像から文書化できないか。
**・書類の到着確認をメールで送信できないか。**
**・管理者の検印部分をどうするか。**
・マニュアルやFAQをチャットボットにできないか。
:::

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3570716/09dc3a02-bee3-cc40-6eb7-cfaaf5fb6718.png)

今回は、以前**Glide**で作成した管理簿アプリの中から**書類授受管理アプリ**に選定し、業務効率化の一環として社内で取り入れてもらえるよう、ブラッシュアップしていきたいと思います。
まず、この中から書類授受管理に必要なメール送信と管理者の検印の２点について解消していきたいと思います。


# 完成品

https://x.com/kiku_2005/status/1747530745743319179?s=20


## 使用ツール
・[Glide](https://www.glideapps.com)
・[Googleスプレッドシート](https://www.google.com/intl/ja_jp/sheets/about/)


# 製作開始
## １. Glideに使用するGoogleスプレッドシートを作成
普段使用しているExcelデータの書式を元に**Googleスプレッドシート**を作成します。**Glide**の設定次第ではExcelをそのまま使用することも可能です。今回はサンプル授受管理表シート、マスタシート、アドレス帳シートを準備しました。

サンプル授受管理シート
![➀書類授受管理.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3570716/9991d383-efb3-6c5f-bccd-ecdc5b3c7673.png)
マスタシート
![➁マスタ.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3570716/40bcdb8f-b7b0-e7f1-5969-55e1bc79b3ce.png)
アドレス帳シート
![➂アドレス帳.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3570716/c951eb0f-a93f-d969-ba5c-9529f234fc26.png)


## ２. Glideの設定

<details><summary><b>新規作成方法はこちら（折りたたみ）</b></summary><div>
基本的な使い方は下記を参考にしました。

https://hikari-sedori.com/glide2/

①`＋New app`を押して新規作成。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3570716/0bc3ed8e-75b8-ca58-4c1d-979fbbc565b1.png)

②名前を付けてモバイル版かＰＣ版かを選択。今回は外出先でも営業担当者が使用できるようにして欲しいとの要望があり、モバイル版で作成しました。
![⑰.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3570716/a3e3b8c7-eb81-3da8-8bc8-416341564fd0.png)

③連携させるソースを選択する。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3570716/a4f41719-54da-b6af-b5bf-a9edb1a46e8e.png)
</div></details>

①今回はメール機能を追加します。コンポーネントの中から`Contact Form`を選択。`Title`を書類到着メールと書類発送メールとしました。スプレッドシートに準備してある名前、アドレス、メッセージを選択します。
![⑨.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3570716/322b5714-6c94-aba7-6d01-7df6f1349ca6.png)

②検印については**Glide**に署名機能があることがわかり、使用してみることにしました。（無料のフリープランでは不可。）
コンポーネントの`Signature`を選択。`Title`を最終確認としました。
![⑩.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3570716/68bd668a-cf73-141a-c052-4d7ce59393c0.png)
![⑪.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3570716/1af233bd-9242-0178-da00-20624c195e45.png)

③`Date`画面で表示するとこのような形になります。
![➃署名.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3570716/cae38ac3-d71c-ee2b-2d14-efde7d0dfc2b.png)

④次に`Settings`の中の`Name&Icon`で`Logo`に事前にダンロードしておいた画像を選択、`Name`には表示名を入れてUploadする。
![⑫.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3570716/efc35a32-11fb-7698-907f-1bcd1eec4539.png)

⑤今回はセキュリティのため、`Privacy`で`Private`を選択し、アドレス帳に表示されている人だけに開示できるよう設定します。
![⑬.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3570716/c636872e-7a94-e50d-b4fc-0cf911289dad.png)

⑥`Share`ボタンを押すと、QRコードが表示されるので使用するモバイルに読みこませることで使用できるようになります。
![⑭.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3570716/a8ed16da-bd8d-5312-e1ff-eb2315c1d03c.png)

# 試作品を使用してもらった感想

職場の同僚、上司、お隣の部署の営業担当の方にも使用してもらい、とても大好評！だったのですが、まだ問題点が残っていました。

:::note warn
**・メールにCCをつけて上司にも送信できないか。**
**・集計作業の方法は？**
:::

そうでした。まだ作成の道のりは続きます。。。

# 今回の気づきポイント
![⑩.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3570716/5f774000-7fed-f0c1-3e6a-8f7a45a5b8f1.png)

今回は署名を入れる際、隣のコンポーネントに`Scanner`を見つけました。**Glide**にはバーコードスキャナも入れることが可能なことに気づきました。残念ながらビジネスプランでないと使用できないなめ、試してみることはかないませんでしたが、これは社内でも大いに役立ちそうです。



# 感想
周囲の方に何度も触ってもらいその都度、色々な参考意見も聞けて、だんだんと形になってきました。少しずつブラッシュアップして、周囲にご披露できるまでにしていきたいです。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3570716/fcb329af-237c-69f2-1d01-bdb259864241.png)

# 参考資料


https://hikari-sedori.com/glide3/

https://hikari-sedori.com/glide-app/


ここまでお付き合い頂きまして、ありがとうございました。