GlideとGoogle スプレッドシートで場所別在庫管理アプリを作る

## バックルームの在庫数を把握できない
小売業で働いていると、避けては通れない**在庫管理**。

私の職場で現在使っているシステムは、売場とバックルームで分けて在庫数を確認することができません。
そのため、バックルーム在庫は正の字で数えた表を作成し、売場に出したら一画ずつ消していくという方法を取っています。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2616138/6304f8e5-89a6-d93b-b2cf-bb4565d9d244.jpeg" width="50%">

今回は、この**アナログ作業をデジタルに変えて、業務の効率化を図りたい**と思います！

## 作ったもの
売場にはPCがないので、スマートフォンで場所別に在庫管理ができるアプリを作りました。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">ちなみにそれぞれの場所の在庫数はこのように表示されます これは売場<a href="https://twitter.com/hashtag/Glide?src=hash&amp;ref_src=twsrc%5Etfw">#Glide</a> <a href="https://twitter.com/hashtag/protoout?src=hash&amp;ref_src=twsrc%5Etfw">#protoout</a> <a href="https://twitter.com/hashtag/%E5%9C%A8%E5%BA%AB%E7%AE%A1%E7%90%86?src=hash&amp;ref_src=twsrc%5Etfw">#在庫管理</a> <a href="https://t.co/j4b8eV4VD4">pic.twitter.com/j4b8eV4VD4</a></p>&mdash; kmsn (@kmsn_kmsn_kmsn) <a href="https://twitter.com/kmsn_kmsn_kmsn/status/1521915866006261763?ref_src=twsrc%5Etfw">May 4, 2022</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2616138/ae94d561-d722-3d52-6e2c-1c009dce7642.png)

## 使ったもの
- [Glide](https://www.glideapps.com/)
- Google スプレッドシート

## 構成
1. *Google スプレッドシート*に在庫情報を入力します。スマートフォンからの書き換えを反映させるため、合計や他のシートからデータを参照する数値は関数を使用します。

```rb:他のシートからデータを参照する
=IMPORTRANGE("スプレッドシートのURL", "[シート名!]範囲" )
```
今回は、実際に自店でバックルーム在庫があるルームウエア上下セットを例に
①売場在庫数確認　②バックルーム在庫数確認　③商品別在庫数（半袖）　④商品別在庫数（長袖）
の計4枚のシートに分けました。
※カラー・数量は実際とは異なります。
![スクリーンショット (59).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2616138/b7008c9e-fdca-4774-55c9-cef72f867e2d.png)![スクリーンショット (61).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2616138/391433ee-12af-7438-5a46-e8c1e45c296b.png)![スクリーンショット (62).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2616138/2f6f2209-2cd5-5fcd-b125-ca0680411009.png)![スクリーンショット (63).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2616138/e80fc8de-5447-c8d9-3f18-8345ea174777.png)
2. *Glide*でGoogle スプレッドシートをもとにアプリを作成します。
![スクリーンショット (56).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2616138/cd65af3d-e861-26db-af75-fa8d04d47414.png)
![スクリーンショット (57).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2616138/8ee6428e-35f1-df31-8add-f33b70aba1fc.png)
![スクリーンショット (58)-01.jpeg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2616138/adf8ac88-731f-1936-88cf-b30a7ace16b7.jpeg)
3. **TABS**：各タブのSource（データを参照するシート）を設定します。
![-affby9.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2616138/9b132ee2-7969-d07c-2669-d88dbecc323e.jpeg)
4. **SCREEN**：Listはカラー別表示にしたいので、スプレッドシートA（カラー）行を参照します。
![qo5k0y.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2616138/7c6f659b-13ed-f559-1ad5-0cc0c5021580.jpeg)
5. **SCREEN**：在庫数入力タブは各カラーの合計・売場在庫数・バックルーム在庫数を表示させます。参照する行をそれぞれ設定します。合計は書き換える必要がないので、Action Textで項目を作成しました。
 ![36se2k.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2616138/dc30be42-7d4b-d379-2d99-7ebdbdae6ca5.jpeg)
6. **SCREEN**：売場・バックルーム在庫数は、入力をスマートフォンから行えるようにしたいので、Number Entryで項目を作成します。今回はMin Value（最低値）を0にしました。
![audef6.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2616138/9d1099a4-8a52-8ca3-e13b-dacddb0d2b59.jpeg)

## 実際に使ってみて
実際に同じ部署の方々にもアプリを使ってもらうと、以下のような反応がありました。

**良かった点**
わざわざ紙に線を引かなくて済む。
書き換えもスマートフォンでできるのは便利。

**悪かった点**
文字だけだと分かりづらい。商品の写真もあるといい。
バックルーム在庫数を減らすだけで売場在庫数が増えるように反映してほしい。
レジと連動させて、売れたら売場在庫数に反映してほしい。
JANコードをスキャンするだけでその商品の在庫数を確認できたらいい。

## あとがき
自分が作ったアプリを初めて他の人に使ってもらう時って、こんなにドキドキするんですね。
今回悪かった点として挙げられた内容は、アプリに現在のシステムの機能を追加することで改善できるものでした。

ということは、
**現在のシステムにこのアプリの機能を追加すれば最強**…ってコト！？

それでは、スマホ片手にちょっくら偉い人に提案してきます！