Glideを使ってイベントカレンダーを作ってみた

こんにちは。私はスーパーのお惣菜部門でチーフとして働く27歳男性です。

# 1.スーパーマーケットにおける行事の重要性
スーパーで働く人にとっては、 ___世の中の行事やイベント___ に敏感である必要があります。
世の中の行事というと、ここでは



- 年末年始、GW、お盆などの大型連休や、節分、土用、彼岸などの特別な日。
- 小中学校、高校の始業式や修行式。
- 地域の祭り、花火大会.
などが挙げられます。

このような行事によって、スーパーで売れるものが変わってきます。
大型連休では、オードブルやお寿司やバーベキュー用のお肉が売れるようになります。
節分では、節分豆、恵方巻きが売れますし、土用は鰻が売れます。
始業式や終業式はその日とその日の前後の日に給食がなくなりますので、　
お弁当やおにぎりが売れるようになります。

そのため、___行事がいつあるのか、行事によってどういう商品が売れるのか___ を　
把握し、___お客様が欲しい時に、欲しい商品が売り場にある状態___ にしないといけません。　


# 2.現在の行事の情報の取り方は
大型連休や節分や土用などの特別な日はカレンダーに記載されていますし、お店のミーティング　
で情報共有されるので、情報が勝手に入ってきます。

しかし、学校の行事や地域の行事は、情報をこちらから取りに行かないといけません。　
今の私の情報の取り方としては、


:::note
❶事務所の所定の位置に貼られている地域行事カレンダーを参照する。　
（行事が書かれている時と、書かれていない時があり、あまり機能していません）　
❷インターネットで調べる。（学校の行事はでてきません）
❸近所に住んでおり、お子さんがいるパートさんに聞いてみる。
（これが一番確実です。）
:::
が挙げられます。
# 3.行事をカレンダーアプリにまとめてみる
今は聞いた情報や見た情報をメモ帳にメモしていますが、
メモ帳には違う情報もあり、探すことに時間がかかったり、
メモ帳自体をなくしてしまうこともあります。
___スマホのカレンダーアプリ___ だったら、もっと、手軽で確実に行事のスケジュール管理ができそうなので、
導入を検討してみました。　

既存のカレンダーアプリを活用するのも手ですが、
自分の必要な機能が搭載されていて、　
必要最低限の機能だけを搭載したいという思いから、
今回は __Glide__ というノーコードツールを使い、　
自分でカレンダーアプリを自作してみました。

また、世の中の行事の他に ___当社の業務スケジュール___ も一緒にいれ、
全てのスケジュールをカレンダーにまとめられるようにもしていこうと思います。

# 4.Glideでイベントカレンダーの作成に挑戦

後述のフィードバックを受けた、最終的なイベントカレンダーの流れです。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3294174/3d8f97ef-37ca-e008-b306-057b8ea381b6.png"width=75%>

Glideのリンクはこちらです。
https://s-project-di6e.glide.page



### 4-1.使用するツール
・Glide 
・Googleスプレッドシート
　
　
### 4-2.実際の動いている様子はこちらから

https://twitter.com/sato45287047196/status/1657350467981279233?s=61&t=iFMr3M8JSuMyg4tA-qZZ-g
### 4-3.作成手順

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3294174/699c0338-7568-8d95-a1ef-a9128067e635.png"width=75%>

はじめに日付の列、イベント名を入れる列、イベントの内容を入れる列が入ったスプレッドシートを用意しておきます。



<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3294174/74d33a29-ede4-106a-79c7-8618c9a66185.png"width=75%>

Glideを開いて、
New projectを選択し、Mobileを選択します。


<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3294174/bd3ffe03-3f38-0309-b350-210bae2cf9c0.png"width=75%>

Google Sheetsを選択します。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3294174/276a4772-06cf-9169-d3a5-0b7899b721f4.png"width=75%>

Glideと連携したいスプレッドシートを選択します。

アプリの外観を作っていきます。
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3294174/9f76e510-5841-af50-a29f-d61c1aa61074.png"width=75%>




・Source→連携したいシートを選択します。

・Label→アプリのタイトル名として使います。今回はイベントカレンダーと入力します。　

・STYLE→Calendarを選択します。

・ITEM DATAでスプレッドシートと連携したカレンダーを作るための設定をします。

「日付」の文字が入った列、「イベント」が入った列、「内容」は入った列のデータを

Title、Descriptic、Start Time、Endtimeにそれぞれ挿入します。

カレンダーをパッとみた時にイベントがわかるように、イベントをTitleに設定します。


<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3294174/fb5df133-2c87-b042-64c1-46c0e0327e13.png"width=75%>

カレンダーの日付の下のアイコンをクリックするとこのようなページに移動します。

COMPONENTSのText Entryを二つ配置し、
「イベント名」とイベントの内容、指示などが入力できる「内容」を挿入します。　

1番下には天気予報のURLを配置しました。
外で行われるイベントは雨だと中止になる時があるので、このページで天気を確認し、　
イベントに応じた発注や製造をどうするかを判断できるようにしました。



# 5.周りの人に使ってもらい、意見をもらいました。

今回は2人の方に
「こういうアプリを作ってみました、よかったら触ってみて、実際に業務で使ってみると、どうなるか、不満点もあれば教えて欲しいです！」　
と聞いてみました。


:::note
（勤続年数10年以上のパートさん）
スマホのフリック入力だし、手書きやタイピングより早くて、
編集する人は助かりそう。　
ただ、見る方はアプリを開いて、確認するというのは、なかなか続かなそう。
シフト表と一緒に見れるようにすればいいかも。
:::

:::note
（勤続年数6年の他店チーフ）
シフトを作る時、連絡ノートや事務所にある行事カレンダーを見ながら作成するので、カレンダー形式で一覧にしてくれるのは助かる。
:::

という意見をいただきました。

こちらの意見をいただき、少し改善をしてみました。　

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3294174/25b608d0-0f27-a4af-b3a9-cffdb75cb979.png"width=75%>

アプリでイベントを入力すると、このように、スプレッドシートに反映されます。
こちらのシートのイベントの列を抽出し、

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3294174/4137be7f-b3d9-3d1b-8772-447b7a3acd29.png"width=75%>
　
こちらのシフト表の曜日の下に反映されるようにし、　
シフトを作成する側と見る側の負担軽減を試みました。

シフト表はLINEBotで閲覧にできるようにしていきます。　
詳しくは以下の記事で記述していますので、よろしければ、ご覧ください、　

https://qiita.com/skyikiusi0727/items/f52c11e4da66f43fced3

最終的には編集する側はアプリで、閲覧する側はシフト表でという形になりそうですが、　
全員にアプリを使ってもらうということが最終の目的ではありませんので、これでよかったのかなと思います。　
どうしても、一生懸命作ったものだと使ってもらわないと「せっかく作ったのに...」　
となってしまいがちですが、ノーコードでサクッと作りましたので、そのような執着がなく、　
最終的な形にたどり着けました。そういったところもノーコードのメリットなのかもしれません。