発注忘れてない？お客さまからの注文みんなで管理するアプリ作っちゃった

私はGMSで働いてすでに20年近く経過しています。
今は食品売場で商品を出したり、カウンターで接客したりしています。
現状は現場があまりにアナログすぎて、
デジタル勉強し始めて1か月とちょっと改善できる余地が多々ありそうです。




★お客さまからの注文★
![de.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3458430/608ab782-86a6-822d-e1f8-5edee37b8286.jpeg)

★お客さまからの注文の受け方★
複写式の紙をサービスカウンターで受付をしたあと対象部門に渡し、
対象部門は掲示板で「見える化管理」
### こんな管理でいいのか？！
アナログすぎないか？
発生するうっかりミス
ミスした人を責められないよー




っということでアプリ作っちゃいました。
### 作ったものがこちら

https://twitter.com/nonokoyu0606/status/1687098516081152000?s=46&t=KQj6DedZa7ifRk8PH6VCWg



## QRコードはこちら
お試し頂けます
![スクリーンショット 2023-08-02 044230.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3458430/841b5f33-214a-ee38-772f-760a67845e0d.png)

https://kanakos-project-csfs.glide.page




## ★使用したもの
### ・Glide
ノーコードで初心者でもGoogleスプレッドシートと連動し、簡単にアプリが作れる
### ・Googleスプレッドシート




## いざ作成！
 `Glide`
これはすごい！
スプレッドシートを用意し、
![スクリーンショット 2023-08-03 125755.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3458430/472f6374-d91b-a935-afeb-9ded013f4267.png)



Glideと紐づけするだけでできちゃいました:fist:
![スクリーンショット 2023-08-02 021948.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3458430/76c34dfd-af4f-384d-21a3-08707904401b.png)






日本語に変更し
![スクリーンショット 日本語.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3458430/b1b174da-5d39-c13c-edee-7aa0e6f1e411.jpeg)



最初に悩むのは「スタイル」
KANBANを使いたいのだけれど、画面に収まらない
これはみづらい
![スクリーンショットKANBAN.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3458430/65998094-4300-2689-be5e-a250d7bc8514.png)


サイズ変更を試みるもしっくりこない
KANBANだとステータスの移動がスライドのみでできるので
商品が入荷したら発注済みから入荷済みにスライドさせるだけで完了できるけれど
今回は諦めます。





ここは無理せず、CARDを使います。
![スクリーンショットM　日本語.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3458430/93222e0c-216f-6d61-e84f-cf65d3228f71.png)


シニア従業員が多いのでサイズXLにしたところですが画面の見易さを考えMで


店舗内で共有するので編集はすべてのユーザーができるようにします。
![スクリーンショット すべてのuser.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3458430/70675a24-8632-96f9-9ee7-1f3cd73c6232.png)

コンポネートからカレンダー機能も追加
![スクリーンショットカレンダー.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3458430/3925c971-a465-87d3-c247-614871412d33.png)

ADD（追加）を押したら新規受付を追加できます。
![スクリーンショット ADD.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3458430/6e9b6971-02f6-f7ad-542c-820f3ec42eaa.png)


①商品注文受付時
・注文者に注文した人の名前
・商品名
・個数
・ステータス（未対応、発注済み、入荷済みなど）
・受付担当
・受付日時（カレンダーが開きクリック）
を入力します。
②商品を発注したら発注者がステータスを発注済みにし、カレンダーにて入荷予定日がわかれば入力
③商品が入荷したら入荷済みにする




Appearanceで色を変えてみたり
### 完成
![スクリーンショット 2023-08-02 031952.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3458430/1103cafd-936d-9d45-e12f-43a15a5e9687.png)

:::note warm
Publishを押してもSHAREが出てこない。
これは登録できるアプリが無料プランだと３つまでらしくそれを超えると共有できないようです。
:::





## せっかくなので同僚にみてもらいました。



「最近アプリつくったりとかしてるんだけど、これ使ってみてどうかな？」
「アプリ？？」
「客注（お客さまからの注文）の管理がアナログだからデジタルで管理できないかなぁと思って。ただ私の力量不足で満足いくものはまだできていないのでダメ出しでよいのでどんどん意見ちょーだい」
「すごーいっ」

### ●GOOD　POINT
・携帯から誰でも入力できるのがよい
・ステータスが1番上についているのですぐにわかる
・備考欄があるので共有したい情報を入力できる

### ●BAD POINT

・複数商品注文されるお客さまの運用がわかりにくい
・部門ごとに分かれていると見やすい
・JANコードが入力出来て商品画像があればもっと見やすくなる
:point_up:グレードアップするとバーコードスキャナー機能が付くようです。
・受付日でフィルタかけられるとよい
・ステータスや部門名を選択できるようになるとよい（現状手入力）
:fist:改良しました
・だれが入力したかわからないので責任の所在が明確ではない

その他スプレッドシートと連動しているので画面から削除すると、スプレッドシートも削除されるのでリピーター等のお客さまやお問い合わせのあった際にわかるようにスプレッドシートから消えないほうが良い。


:::note warm
・ステータスを選択できるようになるとよい（現状手入力）
:fist:改良しました
![スクリーンショット 2023-08-08 212101.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3458430/7affae0e-bbf5-b7e4-b621-4a061001fa0c.png)
コンポネートからchoiceを選択し、予め設定しておいたスプレッドシートと連携させる。

:::
## 展望
部門ごとに分けることはスプレッドシートに部門名をいれてOPTIONSからGroup byを部門名にすると改修できそうです。
その他、調べながら改善していきます。
もっと細かく設定すれば良かったと後悔。
なんとなく素敵なものが出来たので満足してしまいました。
使いやすさを追求しないと使われなくなってしまうので、導入することで、業務が楽に便利になるというのが大前提です。
紙だと空いているところに色々書くことができるので紙を好む傾向もあります。
それを覆していきます。