最近、「Googleフォームを使用したAppSheetの自動化の構築」という機能がベータ公開されました。AppSheetとGoogleフォームを直接連携させられるようです！
workspaceupdates-ja.googleblog.com
実際にやってみる
公開されたGIFを見ると、
という様子が伺えます。興味深いので、実際に試してみたいと思います！
題材として「購買申請アプリ」を作成してみます。「フォームで購入したい物品情報を送って、その結果をAppSheetで確認できるか」を確認してみます！
申請フォームを準備しよう
何はともあれGoogleフォームが必要です。次のようなフォームを準備しました。
- メールアドレス（自動収集）
- 氏名
- 物品名
- 金額（整数）
- 備考
この時点では、
- フォームのステータスは「回答受付中」
- ただし、回答受け付用のスプレッドシートは準備していない
という状態です！
後述しますが、AppSheetのデータソースにフォームを指定するので、回答受付用のスプレッドシートは必要ありません！フォームの結果が、直接AppSheetに届くイメージ。
AppSheetを準備しよう
続いて、AppSheetでアプリを作っていきます。
- AppSheetのホーム画面へアクセス
- 画面左上の「Create」から「App > Start with existing data」を選択
- アプリ名称とカテゴリ（任意）を設定し「Choose your data」をクリック
-
データソース（アプリの元データ）として「Google Forms（BETA）」を選択
- 既に作成した「購買申請フォーム」を選択します
- 次のような画面が表示されるので「Customize with AppSheet」をクリック
- AppSheetのData画面を見ると、フォームの情報が取り込まれています
Data画面を編集しよう
取り込まれたDataを見てみましょう。
- KEY?：Response IDが自動指定されていました。変更不可です
- LABEL?：アプリ利用者が認識しやすい「物品名」を指定しました
- Timestamp：INITIAL VALUE（初期値）にNOW()が指定されており、フォームが提出された日時が入る
- 氏名、物品名、備考：Text形式としました
- 金額：Number形式としました
View画面を編集しよう
レイアウトを「Table（表形式）」に変更しておきます。それ以外はそのままでOK。
実際にフォームを提出してみよう
どうさ確認のため、サンプルフォームを提出してみます！
アプリをプレビューしよう！
アプリを編集すると、画面右側のプレビュー画面にリアルタイムで反映されるのがわかると思います（便利！）。プレビュー画面にも、サンプルフォームのデータが見えていました！
モバイル画面
こちらは「タブレット」画面。このようにボタンひとつでプレビュー画面を切り替えられます！
タブレット画面
デスクトップ画面
最後はPCデスクトップ画面。一番右の「Desktop」をクリックすると、、
新しいタブが開きプレビューできます。
まとめ
AppSheetとGoogleフォームを直接連携させて、フォーム結果をAppSheetで確認できるようになりました（回答受付用のGoogleスプレッドシートは準備せずに）。
せっかくなので、次回は新規フォームをGoogle Chatに通知してみたいと思います！（Googleの記事を追いかけてみる）
