0から作る体調管理アプリ：そんなもんでつくれちゃうの！？

## 体調管理をスマホで手軽に📱

みなさん、こんにちはこんばんわ！
元気いっぱいに毎日働いている会社員のyatです🙋‍♂️
最近は気温も下がってきて、すっかり季節は冬になりました☃
冬になるとスキーやクリスマスといった楽しいイベントが待ってますよね。

<dk>

そんな楽しい季節ですが、この時期に気を付けなければいけないことがあります。
それは風邪やインフルエンザといった**ウイルス**による病気です。
私の会社でもこの時期は病気にかかる人が増加しており、体調管理がとても大事になります。

今までは個人で**体調には気を付けるよう**にと口頭で説明されるだけでしたが、
4年前にコロナが流行った時期から、私の会社では体調管理・報告を徹底するようになり、
毎日の体調チェックが**義務**付けられるようになりました。✅

体調チェックは人事が作成したスプレッドシートに毎日チェックをして報告を行っているのですが、それにアクセスするためには毎回パソコンを起動させる必要があるんです。

本社に出勤の時であればパソコンを起動して入力できるのですが、**出張など**の際は移動中にパソコンを起動することが難しかったりするんです！
そして報告を**忘れる**んですよね……
そこで私は**スマホで体調を報告できるアプリ**があれば便利なんじゃないかと思ったんですよ。

ということで今回は、Googleスプレッドシートから自動でアプリを開発できる[Glide](https://www.glideapps.com/)というものを使い**体調報告アプリ**を作成してみようと思います。


## 使用したツール
- [Glide](https://www.glideapps.com/)
- Googleスプレッドシート



:::note info

**Glideとは**
ノーコードで本格的にアプリやサイトを作成できるツールです。

:::



## 完成しました

https://x.com/Hd3KETe5R885059/status/1737472888540684419?s=20


## 事前準備

- Glideへの会員登録

**＜Glideへの会員登録がすでに終わっている方はこちらを飛ばしてください。＞**

<details><summary>会員登録手順</summary>

1.[Glide](https://www.glideapps.com/)のホームページへアクセスします

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3579182/a219009c-8289-25f2-42f4-6f92d872fbd0.png)

2.右上にある**OPENGlide**を押すと会員登録画面に遷移します。
  (初めての方は**Signup**と表示されます)
  
  Emailを求められるので、自信が使っているEmailを入力してください。
  ※Googleアカウントがあれば、すぐに登録が可能です。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3579182/8386a108-4092-1ccd-f3e8-5174d03a90bf.png)

3.ログイン後、必要情報を入力してください。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3579182/feb63fec-eef3-2759-21ab-6e6f44bf81af.png)

4.この画面まで行けば、事前準備完了です。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3579182/f02abb9b-be8b-83a6-9b0d-343453051e7c.png)

お疲れ様でした🌟

</details>


- Googleスプレッドシートの作成

<details><summary>今回使用するスプレッドシートはこちら</summary>

4つのシートを作成
- 体調チェック覧
- 該当者一覧
- ステータス
- 確認項目

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3579182/7b7deecb-39c2-12f4-278b-b697626644d4.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3579182/00378217-2dfe-ae92-79fc-4d95de0fd7bb.png)

</details>

## 作成手順
### 1. Glideに**ログイン状態**であることを確認

以下手順でプロジェクトを立ち上げます

①NewProject作成
②アプリ名記入（今回はスマホ用アプリを想定しているのでMobileを選択）
③事前準備で作成したGoogleSheetを選択


![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3579182/7b3574a1-6611-8b9d-be30-2d4eafdd49d1.png)


### 2.Googleスプレッドシートのデータに従って自動的にアプリが作成


![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3579182/52405e01-f01f-cdc4-c1a6-1a1f8116f58f.png)

### 3.あとは自分の作りたいようにアプリをカスタマイズ

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3579182/79336f3c-773f-add9-9cd3-2e8f89d61b4b.png)

各項目ごとに下記と同じ設定にすることで、同じアプリを作成することが可能です。

- `体調チェック覧`

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3579182/20516cba-1459-ae38-4f99-36bb9d2b262f.png)

- `該当者一覧`

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3579182/a1045bce-b9e4-8c28-520d-cb42153c9bf5.png)

- `確認事項`

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3579182/e9df4b82-3e8d-caa7-e8de-5cfa0f77b1b0.png)

### 3-2.実際にアプリでユーザーが触る部分について説明

`体調チェック覧`項目にて下記画像の①⇒②⇒③の順番に操作を行い、体調チェックを行うようにする。


![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3579182/9ac50fae-9db4-9495-9089-7bd64ae6588d.png)

追加で設定が必要になるのが**②**の部分になります。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3579182/366fe381-92ab-036d-88fe-99989c6835fc.png)

②の`COMPONENTS`で➕を押して`CONTENTS`の`Field`を選択します。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3579182/64af80d3-45dc-0d56-0305-910d606db568.png)

次に`Field`の`Details`内の`OPTIONS`にて日付を作成します。

これで、毎日の体調をスマホからチェックできるアプリの完成です！

:::note info
③で`提出`を押すと実際にスプレッドシートにデータが反映されます
:::

:::note warn
②で作成した中身は③にすぐに反映されるため、③の操作は不要になります
:::

## 職場の仲間につかってみてもらいました

本部社員それぞれが保有している社用スマホから報告できるツールという想定で作成しています。
※実際に使用しているチェックシートが機密の関係でダミーデータを使用しています。

実際に体調管理を集約している人事に所属している同僚に今回作成したアプリを使用してもらいました。

使ってもらう前に事前に以下のことを説明しました。

**「実際に使っているものとは少しだけことなるが、毎日の体調報告をするという観点でスマホアプリを作成したんで、使用してみて率直な感想をください」**

#### 人事部の同僚

❌**最初にいただいたコメント**

「現在の体調報告の目的はコロナによる濃厚接触者を把握するための目的もあり、自分以外の人の体調を把握するためにも使用されるものでもあるため自分以外の体調を見ることができる必要があるのではないか？」

という意見をもらいました。
確かにコロナが流行ってできたという観点からは他の人の体調を見れる方が良いかもしれませんでした……😔

<br>

⭕**次にいただいたコメント**

体調管理という観点からはそうだなと思ったのですが、アプリについての意見も欲しかったため、次に私はこう聞きました。

「体調報告をスマホでできるというアイデアはどうか」

そして同僚からはこういった意見をいただきました。

「現状の体調管理はPCでしか報告することができず、報告のためにクリックしないといけない回数が多く大変なのですごく便利だと思う。パソコン、スマホと選択肢が多いほうが忘れず報告する人が増えると思うのでいいと感じる。」

<br>

これを聞いて私が感じたことは、発想自体は悪くなかったけれど作成されたのがどういう意図で作られたかということを把握できていなかったのが、次にアプリを実装する上で必要になってくると感じました。
次に作成する際は実際に使用されているシステムがなぜ作られたのか、**背景を知ること**が重要だと感じました。


## 最後に

実際にGlideを使用してみて感じたのは、スプレッドシートを使用することで何もないところから**自動でアプリを生成できる**すごいものがもうこの世の中にあると実感しました。

でもすこし少し触ってみて思ったのは色々なことはできるけれども、**痒いところに手が届かない**と第一印象は思いました。
まだまだ触り足りないの可能性があるので、今後もコードを使用できるかなど試していきたいなと思います。

今回のアプリはプロトタイプを作成してみたので、次回が実際に業務で使用できるものを実装したいなと思います。

ここまで読んでいただきありがとうございました。😎