「みんな、今日はどこへ出勤？」出勤場所をすぐに確認できるアプリ作りました！


## 地味にあったらいいなを作ってみよう！ ##

こんにちは、やまな。です。
今回は、職場でのちょっとした困りごとを解決するため、AppSheetで簡単にアプリを作ってみました！

きっかけは、職場にかかってきた電話たちです。

**「〇〇さんはいらっしゃいますか？」**

お取引さまや従業員からのこういった電話がかかってきたときに、瞬時に返事をできたらいいな、と思いました。

現在はホワイトボードや紙で一週間のスケジュールが管理されており、急遽おこなわれるミーティングや外出は口頭でその場にいた人にだけ伝えられる場合もあります。
特に私の働く会社は小売業で、ゴールデンウイークやお盆、年末年始などは事務職の人間も店舗へ応援に行くこともあるので、その時期は注意が必要です。

しかし、業務に大幅に関係するかといえば、そんなこともなく、絶対に必要なものではないので、無料で作ることのできるAppSheetで簡単に作ってみようと考え、今回挑戦してみました！

### 1\.使用したツール ###

[AppSheet](https://cloud.google.com/appsheet?hl=ja "AppShee")
Googleスプレッドシート

### 2\.つくったもの ###

https://x.com/vr4texxyUQ72071/status/1853348292790559117

![スクリーンショット (94).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3888131/26b056be-0fd4-70f5-0979-efcbcd89dfff.png)

Googleスプレッドシートにも書き込まれました。
※ここで使用しているものはすべてサンプルです。

### 3\.制作過程はこちら！ ###

まず、Googleスプレッドシートを用意します。
日付や名前、出勤場所など、必要な項目を作り、入力しておきます。

![スクリーンショット (95).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3888131/fec53fc3-821a-7c2b-3167-7f177ad86a84.png)


次に、拡張機能からAppSheetを開きます。

![スクリーンショット (97).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3888131/f2f00388-bd85-cd1f-29cc-886a918105ec.png)

この順番でカーソルを動かして、アプリを作成をクリック。



入力してある内容をもとに、勝手にアプリを作成してくれます。

![スクリーンショット (104).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3888131/332f109f-f417-4f76-5ea5-a0048908e766.png)

図のような画面が表示されます。
左手に項目、右手にそれについてのチェックボックスが続きます。

`Require?`という欄にチェックを入れると、入力しないと確定できないようになります。
今回は、店舗に行っている場合と帰社予定がある場合のみ入力する欄を作ったので、それ以外を必須項目としました。

さらに、入力画面でいちいち必要項目を入力するのは面倒！ということで、ボタン式のものと、選択式のものを作りました。

まずは、ボタン選択式にしたものの設定方法です。

![スクリーンショット (111).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3888131/fabeb5c6-ba20-fe3a-9c47-e005b0e082d0.png)

今回はこの二つの項目をボタン選択にしました。
「予定」という項目で説明します。


![スクリーンショット (110).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3888131/def9326f-7a0f-8e31-c608-0407c8c3fbbb.png)


図のように、変更したい項目の左隣にある鉛筆マークから設定を変更していきます。
入力ではなく選択式にするときは、`Type`を`Enum` に変更。その下にある`Values`の`Add`を押して項目の追加をしていきます。
そして、`Input mode`で`Buttons`を選択します。

:::note info

全部入力したら、右上の`Done`を忘れずにクリックしましょう。
表記が小さいので注意です！
:::

次に、選択式の設定方法です。






この二つを選択式に設定しました。
選択肢が２つ以上になると、ボタンがごちゃごちゃしているように見えて選びづらいと感じたので、今回は選択式にしました。
この辺りも好みで決めることができます。

まず、出勤場所の設定からです。

![スクリーンショット (117).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3888131/f65d4b74-ea9a-c8a2-2858-ecee42aa4f35.png)


先ほどのボタン選択と設定方法はほとんど同じです。
違うのは`Input mode`のみ。
ここで`Dropdown`を選択します。


![スクリーンショット (112).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3888131/20c6297e-bac1-44be-da2e-9d89b226f81d.png)

プレビュー画面で項目を選択すると、このように表示されます。
ここから選んで右下の`Done`を押せば、入力できるようになっています。

次に、名前の選択です。
基本的に先ほどと設定方法は一緒です。
しかし、ひとつだけ大きく違う点があります。

それは、**名簿を事前に用意しておくこと**です。

先ほどのように`Values`で追加してもよいのですが、数が多いとそれも面倒な作業です。

一つ一つ入力しなければならないので時間もかかります。
それなら、どこかにあるリストそのまま引っ張ってきた方が楽ですよね。

使用するスプレッドシートの２枚目に準備しておけば、そこに入力されているものをそのまま使うことができるので、便利です。
しかも、もし新規で入力する人がいれば、その人が一度入力したらデータがスプレッドシートに入力されます。
いちいち追加する手間も省けるのでおすすめです。

![スクリーンショット (119).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3888131/48d750ec-a0b7-f4e9-77ca-2e8ea8fea8d2.png)

![スクリーンショット (121).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3888131/de8116f7-afe4-8465-52a0-6ccef73434cd.png)

Detaのところに、名簿という項目ができました。
これで、名簿のシートに入力してある名前を使用できるようになります。

![スクリーンショット (125).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3888131/f1a3cfae-5f2d-f5a3-7621-f04f637d1d50.png)

項目の左にある鉛筆マークをクリックし、設定画面を開きます。
設定をそれぞれ図のように選択していくと、プレビューで名簿の名前が表示されます。

![スクリーンショット (127).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3888131/ecee555d-d7b9-a518-fea5-5a9fe463a4ea.png)


入力についての設定はここまでです。

最後に、入力したデータをカレンダーで確認できると便利なので、表記方法を変更します。

![スクリーンショット (130).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3888131/7c476657-cbd4-aaf6-e669-510d8d045368.png)


![スクリーンショット (131).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3888131/2a46b13a-d96a-d5e4-dbc7-fd8f05585b1c.png)


このように変更すると、表示がカレンダーに変わります。
これで完成です。
あとは使ってほしい人に共有することで、入力できる人、見ることができる人が増えていきます。




### 4\.実際に使ってもらいました！ ###
せっかく作ったので、職場で試しに使ってもらいました！
もちろん、作ろうと思った経緯も説明済みです。

Aさん
「これを自分で作ったんだ、すごいね。入力も簡単だし。」
Bさん
「確かに電話対応の時に確認が大変だから便利そう。」
Cさん
「でもこれって、身内向け（同じ部署の人向け）だよね。お店の人も見て確認出来たらもっといいかも。」

こんな感じの感想をいただきました！ありがとうございます！
自分で作ったものを使ってもらえただけでもうれしいことですが、こうやってコメントしてくれたことが今後のやる気にもつながりそうです。


いい機会なので、
「さらに改良するならどんなことができたらいいと思いますか？」
と意見を求めました。

:::note info
・少しの間席を外すときなど、細かいところも入力できるとよい
・店舗には部署ごとに電話対応ができる人はどのくらいいるか、という情報のみ表示されるようにしたい
・部署名で検索できたらさらにいい

:::

このような意見をいただきました！
自分では考えつかなかったものも多かったので、勉強にもなりましたし、今後さらに実用性のあるものに改良していくために必要な意見をいただけました。


### 5\.フィードバックを受けて ###

実はこのアプリ、実際作るのにかかった時間は**１時間程度**でした。
簡単にささっと作ってフィードバックを受けて、また改良できそうなことや他にできることを考えて、というのをするための練習にもなったかなと思います。
以前までの自分だったらもっと時間がかかっていただろうと思います。それに、作って満足して終わっていただろうな、とも思います。
できることが増えてきたから意識も変わってきたのだと思うと、これからも頑張ろうと思えました。


### 6\.補足 ###

他にも、Power Automateを使用してメールに添付されているファイルを、Excel、PDF、Wordなどでファイル別に振り分け保存する、ということをしたかったのですが、エラーが発生してしまいできませんでした。
エラーが出た時の対処法として

:::note warn

・ネットワーク環境の確認（IMAPのポート993への接続が制限されていないか）
・IMAPサーバーと設定の確認
・Googleアカウントでアプリパスワードを使用（二段階認証を有効にしていたため）
・GmailのIMAP設定を有効にする

:::
と、色々試しましたが駄目でした・・・。
おそらく接続制限に引っかかっていたと思われるので、会社のPCを使ったことによるセキュリティの問題だったのかなと推測しました。

実際に業務で使うとしたら、権限など関係なく使用できなければ意味がありません。
セキュリティに問題なく使えるものがあるか調べて、またリベンジしようと思います。
GASならできるかもしれない、と少しアドバイスを頂いたので、挑戦してみようと思います。