クイックスタート: AppSheet データベースを使用して最初のアプリを作成する

このクイックスタートでは、AppSheet データベースを使用して AppSheet アプリを作成する方法を説明します。

AppSheet データベースは、クラウドベースのスプレッドシートやデータベースといった外部のデータソースソリューションを利用しなくても、AppSheet アプリ向けのデータモデルを簡単かつ効率的に構築できます。AppSheet データベースとはをご覧ください。

このクイックスタート・チュートリアルを終えると、以下を実施する方法をさらに深く理解できるようになります。

Google スプレッドシートの既存のデータを使用して、新しい AppSheet データベースを作成し、カスタマイズする。
AppSheet データベースを使用して AppSheet アプリを作成する。
テーブルを追加し、データを表示するビューを構成することで、アプリをカスタマイズする。
接続されているデータソースに変更が加えられた場合に、アプリを再生成する。

AppSheet データベースから最初のアプリを作成するには、以下の手順を実行します。

スプレッドシートをインポートして AppSheet データベースを作成します。
テーブル間の参照を追加します。
参照先テーブルのラベル列を変更します。
AppSheet データベースを使用してアプリを作成します。
アプリにテーブルを追加します。
新しいテーブルのデータを表示するビューを追加します。
アプリをプレビューします。
データベースを更新してアプリを再生成します。

スプレッドシートをインポートして AppSheet データベースを作成する

スプレッドシートをインポートして AppSheet データベースを作成するには、以下の手順を実行します。

この公開されている Google スプレッドシートのコピーを作成して、名前を My Project Tracker に変更します。
この Google Sheet には、Tasks と Owners の 2 つのテーブルがあります。Google シートのコピーの詳細については、ファイルを作成、表示、またはダウンロードするをご覧ください。
AppSheet にログインします。
[Create] > [Database] > [Import from Sheets] の順に選択します。
ステップ 1 でコピーしたスプレッドシートに移動して選択します。

スプレッドシートを選択すると、スプレッドシートからデータをインポートして新しい AppSheet データベースが作成され、データベースエディタで開かれます。デフォルトの名前は、コピー元のスプレッドシートの名前（My Project Tracker）です。

ブラウザ設定でポップアップをブロックしている場合、新しい AppSheet データベースが作成された後、データベースエディタで開けないことがあります。この場合、上部のナビゲーションで [Databases] をクリックし、[My Project Tracker] をクリックしてデータベースエディタで開く必要があります。

下図に示すように、Tasks と Owners の両テーブルがインポートされ、AppSheet データベースエディタに「タブ」として表示されています。テーブルのタブを選択して列や行のデータの表示と管理を行い、アプリを作成します。

AppSheet データベースエディタに初めてアクセスする場合、次のいずれかのダイアログが表示されることがあります

AppSheet データベースダイアログへようこそ。[Get started] をクリックしてダイアログを閉じます。
ダイアログでツアーにご案内します。[Start tour] をクリックしてツアーを進めるか、[Skip] をクリックしてツアーをスキップしてください。

テーブル間の参照を追加する

次に、Tasks テーブルから Owners テーブルへの参照を追加します。この参照により、Owners テーブルのオーナー情報を Tasks テーブルのフィールドに表示できます。

テーブル間に参照を追加する手順は、以下のとおりです。

AppSheet データベースの [Tasks] テーブルで、[Owner] 列をダブルクリックして、その設定を編集します。
[Text] フィールドで、[Link to table] > [Reference] を選択します。
[Table to reference] リストで [Owners] を選択します。
[Save] をクリックします。
列タイプの変更に関する警告が表示されます。この例では、この列のデータは新しい列タイプに対応しているので続行しても問題ありません。
[Yes] をクリックします。
参照アイコンが [Owner] 列ヘッダーに表示されるようになります。

AppSheet データベースは参照を処理して、[Owners] テーブルの対応する行と、[Tasks] テーブルの名前を一致させようとします。[Owners] テーブルのデータが一致するため、AppSheet データベースは、[Owner] 列への正しい参照を [Owners] 列に入力します。
参照をテストするには、[Owner] 列のセルをダブルクリックして「Sarah」のように別のオーナーに変更します。プルダウンの内容には [Owners] テーブルのオーナー情報が入力されます。

参照先テーブルのラベル列を変更する

AppSheet データベースのどのテーブルでも、ラベル列を選択できます。ラベル列を使用すると、参照先テーブルに表示させたい列を指定できます。下図に示すように、[Owners] テーブルの [Name] 列を [Tasks] テーブルに表示する代わりに、[Email] 列をラベルとして設定し、[Email] 列を表示できます。

ラベルが [Name] 列である [Owner] と、ラベルが [Email] 列である [Owner]

参照先テーブルのラベル列を変更するには:

[Owners] タブをクリックしてテーブルを表示します。
[Email] 列ヘッダーで、その他アイコン > [Use column as label] を選択します。

現在のラベル列が [Email] であることを確定するには:

ラベルアイコンが [Email] 列ヘッダーに表示されていることに注意してください。
[Tasks] テーブルの [Owner] 列に、所有者の名前の代わりにメールが表示されるようになりました。

AppSheet データベースを使用してアプリを作成する

AppSheet データベースのカスタマイズが完了したら、そのデータベースを使用して以下の手順で AppSheet アプリを作成します。

データベースエディタの右上にある [Apps] をクリックします。

[Apps using Tasks] ペインが表示されます。
[New AppSheet app] をクリックします。

選択されたテーブルを使用して新しいアプリが作成され、AppSheet アプリエディタで開かれます。デフォルトでは、アプリの名前はテーブル名「Tasks App」を使用します。

次の図はアプリエディタとそのレイアウトを示しています。

上の図に示したように、アプリエディタには 3 つの主要な領域があり、以下のことが可能です。
- アプリエディタを操作して、カスタマイズする必要があるセクションを選択します。
- ナビゲーション・バーで選択したセクションに基いてラーニング・センター（図）にアクセスし、スタイルの変更、データの表示方法やナビゲーション方法の制御、セキュリティ要件の構成など、アプリをカスタマイズします。
- ライブアプリをプレビューして操作や変更を行います。
また、アプリの警告やエラーを素早く追跡することもできます。
ツールパネルのをクリックします。

[Errors & Warnings] ダイアログが表示されます。

この警告が表示されるのは、[Tasks] テーブルに、アプリに追加されていない [Owners] テーブルへの参照があるためです。
[Errors & Warnings] ダイアログの [Go to problem] をクリックします。
AppSheet は下図に示すように [Data] ページに移動します。

警告メッセージが状況に応じて繰り返し表示され、[Owner] 列がテーブルでハイライト表示されていることに注意してください。この問題を解決するために、次のステップで [Owners] テーブルを追加します。

アプリにテーブルを追加する

UI の警告メッセージに対応するために、[Owners] テーブルをアプリに追加します。

[Data] ナビゲーションパネルの上部ヘッダーで、+ をクリックします。

[Add data] ダイアログが表示されます。
[Add data] ダイアログで [AppSheet Database] をクリックします。
[Select database] ダイアログで [My Project Tracker] を選択します。

[Connected] フラグは、このデータソースがすでにアプリによって使用されていることを示します。
[My Project Tracker] ダイアログで、[Owners] テーブルが [Update]、[Add]、[Delete] 権限が指定されたリストで選択されていることを確認し（通常はデフォルトで選択されています）、[Add to app] をクリックして [Owners] テーブルをアプリに追加します。
[Data] ナビゲーションパネルで [Owners] テーブルをクリックします。
[Email] 列に個人を特定できる情報が含まれている可能性があることを示す警告メッセージが表示されていることに注意してください。この警告メッセージは一時的なもので、無視してもかまいません。

テーブル ['Owners] の列 [Email] にセンシティブデータが含まれている可能性があります

この場合、AppSheet は自動的に [Email] 列の [PII] 設定をオンにして、システムログに情報が残らないようにします（PII 設定を表示するには、中央のペインの構成内容を右にスクロールする必要があります）。

新しいテーブルのデータを表示するビューを追加する

[Owners] テーブルが追加されたので、そのデータを表示するビューを作成できます。データを表示するためにさまざまなタイプのビューから選択できます。今回は、デッキビューを使用して各行の情報を「1 組のトランプ」形式で表示します。

ナビゲーションバーで [Apps] > [Views] を選択します。

[Views] ページが表示されます。
[Data] ナビゲーションパネルで [Primary Navigation] の横の + をクリックします。

[Add a new view] ダイアログが表示されます。
[Create a new view] をクリックします。

下図に示すように [New View] が作成されます。
[New View] を以下のように編集します。
- [View name] フィールドを [Owners] に変更します。
- [For this data] プルダウンで [Owners] を選択します。
- [View type] で [deck] をクリックします。
更新内容は下図に示すとおりです。

右側のペインにあるアプリのプレビューが、変更を加えるたびに更新されています。次のステップで変更内容をプレビューします。
上部のツールバーで、[Save] をクリックしてアプリに変更を保存します。

変更を加えた場合は、必ずアプリを保存することを忘れないでください。

次のステップでアプリをプレビューします。

アプリをプレビューする

AppSheet アプリエディタの右ペインにあるアプリプレビューを使用すると、ライブアプリを表示して操作できます。

アプリプレビューで行った変更は、データソース（この場合は My Project Tracker AppSheet データベース）に保存されます。

次の図は、アプリプレビューでできるさまざまなアクションを示しています。

説明が示されているアプリプレビュー

図にハイライト表示されているように、アプリのプレビューを使えば以下のことができます。

ライブアプリのプレビュー中にビジュアル編集ツールを使用するには、[Edit] トグルをオンにします。ビジュアル編集ツールを表示せずにライブアプリをプレビューするには、[Edit] トグルをオフにします。
ライブアプリをモバイル、タブレット、パソコンのいずれかの形式でプレビューできます。
ライブアプリのプレビュー時に使用するメールを設定します。アプリをテストするもご覧ください。
現在表示されているビューやテーブルにアクセスします。

アプリのプレビュー中は、[Edit] トグルをオフにしておくことをおすすめします。

ライブアプリを操作するには、「Tom」の行をクリックすると、タスクのリストと対応するステータス、期日を表示できます。

アプリプレビューの詳細

次に、プライマリ・ナビゲーション・バーで [Tasks] をクリックすると（モバイル・デバイスの場合は下図）、ステータス別に整理されたタスクが表示されます。

アプリプレビューのタスク

アプリのプレビューについては、引き続きご自身でご確認ください。

データベースを更新してアプリを再生成する

以下の手順では、接続されているデータソースに変更が加えられた場合に、AppSheet アプリを再生成する方法について説明します。

AppSheet データベースエディタを表示するブラウザタブに戻ります。
[Due Date] 列ヘッダーで、その他アイコン > [Edit column] をクリックします。
また、[Due Date] ヘッダーをダブルクリックすることもできます。
[Type] プルダウンで [Date and Time] > [Date] を選択します。
[Save] をクリックします。
次の確認が表示されます。
続行するには [Yes] をクリックしてください。
しばらくすると、列の値が [Date] 列タイプに更新されます。
AppSheet アプリエディタを表示するブラウザタブに戻ります。
ナビゲーションバーで [Data ] を選択して、[Tasks] テーブルを選択します。

次のような警告メッセージが表示されることに注意してください。

テーブル「Tasks」の App スキーマが、AppSheet データベースのスキーマと同期していません。テーブル構造を再生成してください。
中央のペインの [Tables] ツールバーでをクリックします。

確認ダイアログが表示されます。
確認ダイアログで [Regenerate] をクリックしてアクションを確定します。
[Tasks] テーブルの [Due Date] 列タイプが [Date] に変更されていることに注意してください。

おめでとうございます。AppSheet データベースを使用して最初の AppSheet アプリを作成しました。また、アプリをカスタマイズして接続されたデータソースに変更が加えられたときにアプリを再生成する方法を学びました。

次のステップ その他のクイックスタートを利用して、別の AppSheet の機能を学習できます。

この情報は役に立ちましたか？

改善できる点がありましたらお聞かせください。