スプレッドシートからAppSheetアプリを作成してみる

AppSheetというノーコードプラットフォームをご存知でしょうか。AppSheetは Google が2020年に買収したサービスで、以前 Google が G Suite ユーザー向けに提供していた App Maker の代替サービスになります。 AppSheet は Google が提供するアプリケーションであるため Google ドライブとも相性の良いサービスになっています。

今回は Google スプレッドシートから AppSheet アプリを作成する手順について解説を行います。

スプレッドシートからアプリを作成してみる

「ダイエットのメモを行うためのアプリケーション」を作成してみます。Google スプレッドシートを作成し、以下のようなヘッダーを設定しておきます。今回はこのスプレッドシートから AppSheet アプリケーションを生成してみます。

Google アカウントで認証する

まずは AppSheet にアクセスし、Google アカウントでOAuth認証を行います。AppSheet が先ほど作成したスプレッドシートにアクセスするために必要な手順になります。

(1) AppSheetにアクセスします。

https://appsheet.com

(2) 「Start for free」ボタンを押下します。

(3) 「 Google Sheets and forms」をクリックします。

(4) 持っている Google アカウントでログインします。

(5) Google ドライブへのアクセスを認可します。

ここまでの手順によって、 AppSheet から私の Google ドライブにアクセスができるようになりました。次に実際にアプリケーションの作成を行ってみます。

AppSheet アプリを作成する

それでは実際に AppSheet アプリケーションを作成してみます。

(6) 「Start with your own data」を選択します。

(7) 「App name」に任意のアプリ名を入力し、「Category」任意のカテゴリを選択します。

(8) 「Choose your data」をクリックし、データソースを選択します。

(9) 最初に作成したスプレッドシートを選択します。

(10) AppSheet のアプリ作成ウィザードが立ち上がるので、「Start Customizing」をクリックします。

これでアプリケーションの作成は完了です。ここまでの手続きで、「ダイエットデータを入力し一覧表示する」までのアプリケーションは完成しています。

アプリケーションをカスタマイズする

次にアプリケーションのカスタマイズを行います。今のままだと登録するダイエットデータに異常値が入力される可能性があるため、正常データが入力されるようにカスタマイズを行います。

(11) 左メニューから[Data]-[Columns]に遷移し、「シート1」を選択します。

※データソースとして選択したスプレッドシートから、ダイエットデータのヘッダーが定義されたシート「シート1」に参照できるようになっています。

(12) デフォルトでは全てのデータが「テキスト型」で定義されているため、以下のように適切な型に修正します。

(13) 画面右上の「Save」をクリックし、アプリを保存します。

これでアプリの作成は完了です。次はエミュレーターでアプリを動かしてみましょう。

エミュレーターで動かしてみる

画面の右ペインにエミュレーターがありますので、こちらを使ってアプリを実際に動かしてみます。

(14) 一覧画面にはまだデータがありません。「+」ボタンを押下します。

(15) ダイエットデータを入力し、「Save」を押下します。

(16) 保存が成功すると、一覧画面に先ほど保存したデータが表示されます。

以上でアプリケーションの動作方法の説明は終わりです。作成したデータは編集することも可能です。

アプリのデプロイは有料プランの登録が必要

今回作成したアプリは、無料で使える範囲ではデプロイすることができません。アプリケーションをWebに公開したい場合はクレジットカードを登録し、有料アカウントに切り替えてください。

まとめ

  • AppSheet は Google ドライブと親和性が高い
  • 無料の Google アカウントで試すことができる
  • スプレッドシートからアプリケーションを作成可能
  • 無料枠ではデプロイできない

あなたへのオススメ記事...

コメントする

Your email address will not be published. Required fields are marked *