AppSheet で社内アプリを作成しよう(データから作る編)

​​​​​​​


本記事では、Google の NoCodeツールとして今大注目のAppsheetを使って社内にあるデータを使ってアプリを作っていく基礎的操作に触れていきます。


 この記事はこんな利用者・管理者の方にお薦めです。

Appsheetについて興味があり、どんなことができるのか知りたい
Appsheetについての基礎・概要をしりたい


これからAppsheetを始める方はこちらの記事が参考になります。

  まずははじめよう!AppSheet アカウントの作成方法について 本記事では、AppSheet のアカウント作成方法を見ていきたいと思います。一般的なサービスのアカウント作成は、大抵有効なメールアドレスを指定して、ログインするためのパスワードを設定する、というものになると思いますが、AppSheet ではその方法でアカウントを作ることができません。必ず、何らかのクラウドサービスのアカウントを所持している必要がある点を含めて解説します。 吉積情報株式会社
  これで解決!AppSheet の英語UIを日本語化する方法 AppSheetを触ってみるとすぐ直面する問題として、全てが英語ベースであることが挙げられます。要素としては、次の2点に分解できます。1.アプリを作るエディタが英語 2.作成されるアプリのUIが英語 本記事では、後者の「作成されるアプリのUI」を日本語化する方法を紹介します。 吉積情報株式会社

目次[非表示]

  1. 1.AppSheetでアプリを作る3種類の方法
  2. 2.スプレッドシートのデータから作成する
    1. 2.1.まずはデータを用意する
    2. 2.2.AppSheetからデータを作成する
    3. 2.3.作成されたアプリを確認する
  3. 3.まとめ

AppSheetでアプリを作る3種類の方法

まずAppSheetでアプリを作る方法は3つあります。


  • 所有するデータから作る
  • アイデアから作る
  • サンプルから作る       

AppSheetには3つの作り方がある


本記事では、「所有するデータから作る」について触れていきます。


アカウントは、Googleアカウントを前提として解説します。


他の作り方はこちらの記事から

  AppSheet で社内アプリを作成しよう(アイデアから作る編) 本記事では、Google の NoCodeツールとして今大注目のAppsheetを使って社内にあるデータを使ってアプリを作っていく基礎的操作に触れていきます。 吉積情報株式会社
  AppSheet で社内アプリを作成しよう(サンプルから作る編) 本記事では、Google の NoCodeツールとして今大注目のAppsheetを使って社内にあるデータを使ってアプリを作っていく基礎的操作に触れていきます。 吉積情報株式会社

スプレッドシートのデータから作成する

まずはデータを用意する

まずはデータが必要になるので、サンプルとして以下のようなデータを用意してみます。


ここではファイル名を「Task Tool」としました。


まずはスプレッドシートでデータを作成。

AppSheetからデータを作成する

次に、AppSheetを開き、メニューから「My apps」を選択し、自分のアプリの一覧へ移動します。



My appsを開く


「Make a new app」を押すと、「Create a new app」というタイトルのダイアログが出るので、「Start with your own data」を選択します。


アプリ名とカテゴリの入力を促されるので、適当に入力したあと、「Choose your data」を選択します。


以下のように、ドライブピッカーが開くので、あらかじめ作成しておいたデータを選択します。


すぐに、アプリの作成が始まります。



たったこれだけの手順で作成が開始されます。

作成されたアプリを確認する

作成が完了すると、下記のようなエディタ画面が表示されます。


右側にプレビューが表示されています。このプレビューは直接操作することが可能で、データも先程作成したプレビューと既に連動する形となっています!


早速、画面右下のプラスボタンを押してみます。



するとこのように、データを入力するためのフォームが表示されます。


それぞれ、データを入力していきます。数字や日付などのデータのパターンは、指定したシートから自動的にAppSheetが判断し、用意してくれます。


以下のように、数字なら数字の入力フォームが、日付形式ならカレンダーを使った入力フォームが仕上がるようになっています。複数の項目から選択するようなパターンにも対応しています。



下記のように、値を入れてSaveを押してみます。すると一覧画面に戻り、右上の更新マークにバッジが付きます。


この更新マークを押すと、即座に変更がシートに反映されます。また、ある程度待っていても、自動的に反映されます。




再度、シートを確認してみると、プレビューで追加操作を行った結果が反映されていることがわかります。



今回のデータには、「期限」という日付データを入れているため、簡易に確認するためのカレンダー画面も自動的に用意されています。


一覧画面下部にある、「Calendar」タブを押すと、右図のようなカレンダーが表示されます。

まとめ

今回は、「データ」からアプリをする方法について見てみました。


アプリを作ることをイメージするときは、おそらくパーツを配置していくイメージを持つと思いますが、AppSheetの画面や機能は、今回のようにデータをベースに自動的に配置するところが大きな特徴となっています。


ここから、細かく機能を調整していくことになりますが、まずはどんなデータがどのようにアプリ化されるのかを色々試してみるところから始めると、アプリの完成形がイメージしやすいかと思います!


他の作り方はこちらの記事から

  AppSheet で社内アプリを作成しよう(アイデアから作る編) 本記事では、Google の NoCodeツールとして今大注目のAppsheetを使って社内にあるデータを使ってアプリを作っていく基礎的操作に触れていきます。 吉積情報株式会社
  AppSheet で社内アプリを作成しよう(サンプルから作る編) 本記事では、Google の NoCodeツールとして今大注目のAppsheetを使って社内にあるデータを使ってアプリを作っていく基礎的操作に触れていきます。 吉積情報株式会社



みかん
みかん
吉積情報エンジニア。お酒とゲームが大好きな Appsheet 推しのエンジニアです。
関連した記事

人気記事ランキング

カテゴリ一覧

タグ一覧