Glideを使って引継ぎ連絡をしてみた！小売業会社員の奮闘録

**みなさまこんにちは、こんばんは、はたまたおはようございます。**
小売業で働いている30代会社員です。
前回はnode-redをとTeachableMachineを使ってLINE Botで画像判定をさせるを作ってみました。
前回の記事はこちら

https://qiita.com/Gujin0109/items/55d6fa542840474c8e6e

今回はGlideを使って引継ぎ連絡用のアプリを開発してみました。
何故引継ぎ連絡を作ってみたかと言うと、
LINEでの連絡だと、ログが流れてしまっていったり、
実際終わっているのかわからない。ということもあり、
今回は引継ぎ事項を一つ一つ書き込んでいって、
完了しているかどうかというものが欲しいなと思い作ってみました。
実際に試してもらった感想等はあとがきで記載していきたいと思います。

それでは、まず作ってみたものはこんな感じです！
どんっ！！

https://twitter.com/Gujin_75qq5q/status/1713701995075563637


![zentai.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3539432/8180f3a2-0a3e-7349-efab-a701c869dee7.png)
見た目はいたってシンプルな感じです。
それでは中身をご説明しいきます。
動いてる動画は最後に・・・

### まずはGlideに読み込ませるためのスプレッドシートの中身 ###
![supureddosi-to.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3539432/5229b17c-271b-47a4-4c1e-47e3d4bedd37.png)
スプレッドシートに入力したのは赤線で囲んである部分のみ！！
他は一切入力しておりません。

:::note 
シートの中身は至って単純で、難しく考えなくてもよかったのだと後で理解できました！
:::

そして、次に・・・
### 書き込む時の内容 ###
画面右上の+addをタップすると
![add1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3539432/1655eec2-8cc9-cd59-3e66-179f8d1da7ad.png)
こちらの画面が表示され、入力する内容が表示されます。
![hiduke1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3539432/21823626-80d3-485e-a4f0-b7fb70e682cc.png)
まずは日付です。
こちらはカレンダーマークをタップするとカレンダーが表示されます。
![karenda-.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3539432/161539af-5da3-7dfc-7742-7d17e14a23cf.png)
カレンダーの中身はこんな感じで作ってあります。
![hiduke1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3539432/7767a513-11f5-fad4-c8e2-610a0ab0b7da.png)
ただ、最初にカレンダーのDateを選んだだけだと、必要ではない時間なんかも反映されてしまっていたので、そこを取っ払いました。
![hiduke2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3539432/09d21e79-c1a5-8f68-02c6-610080cad0d4.png)
左下のDATAをクリックしてカレンダーの日付の中身をこのように変更しました。

:::note 
<font color="Red">※１</font>ここをDateonlyにすることで日付のみが有効になり、無駄な時間を取り除くことに成功！！
:::

::: note
<font color="Red">※２</font>ここは大きさなので、好きな大きさに変更してもらえればＯＫです。
:::

その後、担当者と引継ぎ事項を入力してもらいます。


文字だけでは伝えにくい場合もあるので
画像を載せれるようにしてみました！
画像でここをこうしてほしいなんてこともあったりするので、画像もつけたいと思い画像を載せる用に・・・
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3539432/2d2ba62b-f726-99d7-ab86-0184be000f1c.png)
こちらを選択して、完了！
このImage Pickerでカメラからの画像も取り込むことができるようになります。
これで書き込む内容の設定は完了です！

### 書き込まれた内容の表示です。 ###
![kaikomi.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3539432/bb0e1f4d-81ad-0568-d2f0-b9fc5832383c.png)
引継ぎ事項の表示
これを表示させるのに最初は悩みまくりました。
どうして表示されないの！？
ここを表示してほしいわけじゃない！！
割と簡単にできました。
![kakikomi2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3539432/f228325b-bc4c-f532-ce20-50f4b854d09b.png)
左側にTextを配置

![kakikomi3.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3539432/5d137667-8665-bc86-de97-52467c195e66.png)
そして右側のTextの内容をスプレッドシートの __「引継ぎ事項」__ と入力
こうすることで、書き込み内容の表示は引継ぎ事項に入力された内容になります。

書き込まれた内容に付け足したいものとして画像を表示させたい！
![image3.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3539432/b5a9e1f7-4711-c238-be0d-296d8edbdd2e.png)
画像を表示させるためにimageを選択します。
これで書き込まれた内容に画像も表示できます。

最後に書き込んだ内容が完了しているのかどうかの確認をするために
完了　ボタンを配置してみました。
これで、引継ぎ内容が終わっているかの確認が取れます。
中身はこんな感じ
![sitti.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3539432/fd5db318-b6b8-3cd6-adf4-e6fdd11b88cf.png)

こちらのSwitchを選択するだけです。
ちなみに・・・
![suitti2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3539432/9db41724-71aa-b7b4-bb64-179687da8dcc.png)
スイッチかチェックボックスを選ぶことができるので、自分の作りたい用途に合った方を選択してみてください。

これで書き込んだ内容の表示も終了です。
Glideの中身はこのような感じで作成完了です。





実際にこのアプリを使ってもらった方からのフィードバックを・・・
アプリを使ってもらったのはレジのチーフ（30代）です。
実際この方と一緒に仕事をすることが大半でこの方とレジをどのように運営していくかいつも話し合っています。

### フィードバックはこちら・・・ ###
#### よかった点 ####
◎忘れ防止になってよい
◎メモ書かない手間が省ける
◎メモの保管の必要がないから便利
#### 改善点 ####
◎名前の代わりに、要件のタイトルが表示されたらよい
◎期日があるものは表示されたら分かりやすい
◎期日が近付いたら通知がくる設定があるとよい

と使っていただいたフィードバックをいただきました。

### フィードバックを受けて ###
私自身も一緒に使っていたので、通知機能はあると便利だよなーと感じておりました。
名前と要件が逆でした…。
ここはすぐに直せる点！！
メモ代わりや保管の手間が省けるのは確かにいいところかもしれません！
色々Glideを触ってみて実装可能なところは実装していき、
修正するところは修正して、今後も使っていこうかなと考えております。

### 最後に・・・ ###
最後までお読みいただきありがとうございます！
Glideを実際使ってみて、もっと色んなことが出来そうな気がしてきました。
今回で終わらず、また自分で時間を見つけては色々作ってみたいなと思いました。
いいものが作れたらまずは店舗全体で利用できるもの作ってみようかなと思います！！