Chapter 02

AppSheetの設定

このチャプターの目次

2-1. スプレッドシートの新規作成

AppSheetで使うスプレッドシートを新規作成しておきます。下記URLにアクセスしてください。

A1セルに ステータス、B2セルに 日時 とそれぞれ入力してください。スプレッドシートの名前はお好きな名前を設定してください。今回は「勤怠アプリ」としました。

下記URLにアクセスして、［無料トライアル］ボタンをクリックします。

一番左にある Start with your own data をクリックします。

お好きなプロジェクト名①とカテゴリ②を設定して、［Choose your data］ボタン③をクリックします。

2-2で作成したスプレッドシートを選択します。

AppSheetのプロジェクト管理画面が表示されます。左側メニューのData①→Columns②→シート1③をクリックします。

ステータスデータを編集します。鉛筆ボタンをクリックします。

ステータスのボタンを設定します。出勤と退勤のボタンを設定しています。設定したら右上の［Done］ボタン⑤をクリックします。

続いて出退勤の日時データを編集します。日時にある鉛筆ボタンをクリックします。

設定は下記の通りです。

初期値に現在時刻を取得する処理を追加します。Now()行にある［Insert］ボタンをクリックして［Save］ボタンをクリックします。

こちらの設定はお好みで構いません。日時を検索対象にするかのチェックです。設定が終われば右上の［Done］ボタンをクリックします。

_RowNumberにあるKEY?部分だけにチェックを入れてください。ステータス部分のチェックは外しておきます。
設定が終われば右上の［SAVE］ボタン②をクリックします。

ここまで設定したら一度シミュレーターで確認してみましょう。画面右側のシミュレーターから［＋］ボタン①をクリックして、出退勤ステータスを設定②します。日時を選択したら右下の［Save］ボタン③をクリックします。すると設定した項目④が自動的に追加されます。

追加した情報はスプレッドシートにも自動的に反映されます。

出退勤情報を更に分かりやすく可視化するために、カレンダーを追加してみましょう。左側メニューにある「UX」①をクリックして、［+New View］ボタン②をクリックします。

各種項目を設定します。設定できたら右上の［Save］ボタン⑤をクリックします。これでカレンダーの表示をすることができました。