AppSheetで売場写真を簡単に投函＆保管！

こんにちは、お疲れさまです:grin:
小売業のとある店舗で働いている、デジタルで業務効率を良くしたいデジタル初心者です。

さて、今回は店舗での業務効率を上げたいために作ったアプリのお話です。

![スーパーマーケットの売場で、華やかな売場を作っている従業員.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4050504/a7182e9e-05c9-4e2f-baa1-e021909fce7e.jpeg)


店舗勤務ではシーズンが変わる毎に特設売場（行楽、防災、クリスマス等）を作るのですが、その際、前年は店内のどこで・どの商品を・どのような陳列方法で展開したのかを参考、確認したい時があります。

しかしこのとき困ったことが発生します。
・引継ぎ不足で前任チーフ、店舗管理者が撮影した写真がない、見つからない！
（部門によって保管場所がバラバラ）
・前年に写真は撮ったけどその画像はどのフォルダへ…？画像が行方不明。

こんな感じで、すぐに売場の写真を見られない事案がよく発生します:sweat_smile:

また、売場の写真撮影後も以下の通りひと手間が。
・スマホで撮った画像をいちいちメールで送信してパソコン内にダウンロードし保存。
・デジカメで撮った場合はパソコンに接続＆パソコン内へダウンロードして…保存。
・そもそもデジカメを接続できるパソコンがセキュリティーの面で限られているので、他の人がそのパソコンを使用していると作業が出来ない！

ちょっとした手間ですが、あーなんて面倒くさい！

そんなひと手間を改善するため、学んだ「AppSheet」を使って、
売場写真を**簡単に**投函・**まとめて保管**できるアプリを作成してみました！

# 完成したアプリ

https://x.com/mioppppe143994/status/1924129560196776406

:::note info
ポイント
・誰でも使えるよう、シンプルな仕様に。
・投函した画像は「画像一覧」シートでもチェック出来る。
・全部門の画像を投函可能。
:::

# 使用ツール
・AppSheet
・Googleスプレッドシート

# 制作過程
## ①Googleスプレッドシートに項目を入力
日付・部門名・写真・コメントの４項目を入力しました。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4050504/8662f445-5cee-40b9-8ff7-057663b6d228.png)

## ②AppSheetでアプリを作成
「拡張機能」→「AppSheet」→「アプリを作成」を選択します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4050504/577f739a-3bfe-4a36-a075-c3ae9a9487f7.png)

## ③アプリの中身を編集
どの設定がベストか試行錯誤したので結構時間かかりました:sweat:
### 「TYPE」の変更
部門名は「Ref」、写真は「Image」に変更
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4050504/4cfa1364-1101-4756-871b-e9d309143341.png)

### 各部門名を選べるようにする
アプリ使用時に各部門を選べるようにしたいので、部門名一覧を入力します。

1．同じGoogleスプレッドシートにシートを追加して、部門名を入力します
<img width="100" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4050504/a22df779-b8e8-43fb-b9b7-2f0be135100f.png">

２．画面左の「Data」→「+ Add new data」→「Google Sheets」を選択
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4050504/20cfcf8d-54be-4923-9729-0d2a1798cb52.png)

３．シートを追加したスプレッドシートを選択します
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4050504/f82f1a3e-0861-44f4-ac23-bd61ec058bbd.png)

４．追加したシート「部門名」→「Add table」で完了
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4050504/35dc8281-5e4b-43ac-ba19-4afbcb5e79ac.png)

５．シート１に戻り、Editマークを押して編集
「Type」を「Ref」に、「Source Table」を追加したシート「部門名」に、「Input mode」は「Dropdown」選択します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4050504/56a9beae-dfa2-436a-bdf7-8882ee641ede.png)

### 機能を追加
スマホやタブレット画面上のシート名２つを変えていきます。

１．画面左の「Views」→シート１を選択→View nameに「投函リスト」と入力
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4050504/78d91213-6f10-4da9-b863-7f9bf358a4ae.png)

２．新しいViewを作成するため、画面左の「Views」→「PRIMARY NAVIGATIONの＋」を選択→「Create a new view」で実行
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4050504/4976f273-b038-49cb-b5e4-6d0f1d2c2aa1.png)

３．画像一覧を追加したいので、「gallery」選択、Displayのiconは好きなマークを選択、Display nameは「画像一覧」と入力。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4050504/9d126877-f460-42a0-9edd-1b8cc8a53b13.png)

# なんとか完成しました！（5/26追記しました）
**スマホ画面**
入力するシート　　　　　　　　　　　　　　　　　　　　　画像一覧
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4050504/0dc671a0-3f59-4414-ab21-4e83b879e410.png)


**スプレッドシート内容**
各項目ごとにフィルタを追加したので、見たい時期や部門を選んで見やすくしました。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4050504/33d56ab9-e851-4061-a12c-843377684ebe.png)


**画像保管フォルダ**
全部門の写真がこのフォルダに一括保管出来ました。
※各部門でフォルダを分けた方が見やすいのでは？とご指摘をいただきました。
確かにその通りだよな…ここ改善したい！

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4050504/e1837668-6c60-4370-ab15-482d25dc2b0e.png)


# 実際に職場で試してもらいました（ドキドキ）
**Yスーパーバイザー**
・便利さがいまいち分からない。
・直接スマホからGoogleドライブに写真をアップすればよくないか？

**I店長**
・セキュリティー面からデジカメやUSBを接続できるパソコンの台数が限られているから、アプリを通じてスプレッドシートへ画像を保管できるのは便利だね。
・写真の管理がしやすそう。

**同じ部門のSさん**
・デジタルが苦手だけど、操作が簡単そうでいいね。
・複数枚を同時にアップ出来たらもっと便利そうだね。

# 振り返り・反省
Yスーパーバイザーから便利さが分からないと言われ、このアプリは独りよがりで意味がなかったのかな、と少し落ち込みました。
しかしよく考えてみると、スーパーバイザーは自分専用のGoogleアカウントを持っているので、直接自分のスマホからGoogleドライブに投函でき、一方で店舗従業員はお店のGoogleアカウントのみで、写真の保管はお店のパソコンでしか出来ないのため、スーパーバイザーに便利さが伝わらなかったのはその差なのかなと思いました。

残り2人の店長やSさんからは便利そうと評価いただけてよかったです。ただ、Sさんから言われた「複数枚を同時にアップ」の方法や、「投函後も見やすいように部門フォルダ毎に分けられることは出来るか」など、まだまだ改善点があります。もっと他の人に聞いてみたらもっと改善のヒントが見つかりそうです。もっとアップデートしたいなぁ…

他の人に試してもらう・意見を聞く、ということは物事をブラッシュアップするためにはとても大切である、と改めて学びとてもいい機会となりました。


以上、最後までご覧いただきありがとうございました:grin:

<img width="100" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4050504/55b41fa7-7cfd-4774-ac63-410dbf6e6753.png">



5/26：「なんとか完成しました」の部分を追記・画像挿入しました。