GSP1030

概要

このラボでは、AppSheet を使用してアプリをデプロイして公開し、エンドユーザーがアプリにアクセスして使用できるようにします。

演習内容

このラボでは、次のタスクの実行方法について学びます。

• アプリでデプロイ チェックを実行して、エラーや警告がないか確認する。
• エラーを修正し、報告された警告を解決する。
• インスタント デプロイを使用してアプリをデプロイして公開する。
• アプリユーザーとしてアプリをテストする。

設定と要件

[ラボを開始] ボタンをクリックする前に

こちらの説明をお読みください。ラボには時間制限があり、一時停止することはできません。タイマーは、ラボ用のリソースを利用できる時間を示しており、[ラボを開始] をクリックするとスタートします。

このハンズオンラボでは、シミュレーションやデモ環境ではなく実際のクラウド環境を使って、ラボのアクティビティを行います。そのため、ラボの受講中に AppSheet にログインしてアクセスするための新しい認証情報が一時的に提供されます。

必要なもの

このラボを完了するためには、下記が必要です。

• 標準的なインターネット ブラウザ（Chrome を推奨）
• ラボを完了するために十分な時間

注: このラボの実行には、シークレット モードまたはシークレット ブラウジング ウィンドウを使用してください。これにより、個人アカウントと受講者アカウント間の競合を防ぐことができます。

ラボを開始して Appsheet にログインする方法

1. 準備ができたら、[ラボを開始] をクリックします。

   [ラボの詳細] ペインに、このラボで Appsheet にログインするために必要な一時的な認証情報が表示されます。

   ラボの料金をお支払いいただく必要がある場合は、表示されるダイアログでお支払い方法を選択してください。

   注: 他の認証情報を使用すると、エラーが表示されたり料金が発生したりします。

2. [AppSheet を開く] をクリックします。

   ラボでリソースがスピンアップし、別のタブで [ログイン] ページが表示されます。

   ヒント: タブをそれぞれ別のウィンドウで開き、並べて表示しておきましょう。

3. [Google でログイン] をクリックします。

4. 必要に応じて、下のユーザー名をコピーして、[ログイン] ダイアログに貼り付けます。

   {{{user_0.username | "Username"}}}

5. [次へ] をクリックします。

6. 以下のパスワードをコピーして、[ようこそ] ダイアログに貼り付けます。

   {{{user_0.password | "Password"}}}

7. [次へ] をクリックします。

8. [同意] をクリックして利用規約に同意します。

9. [続行] をクリックして、Google AppSheet のポリシーと利用規約に同意します。

10. AppSheet の同意ページで、[許可] をクリックします。これにより、AppSheet は Google Cloud Skills Boost アカウントに関連付けられている Google ドライブ フォルダにアクセスできます。

11. これで、AppSheet にログインできました。

    必要に応じて [推奨事項の質を上げるために、ご自身について教えてください] ダイアログを閉じ、AppSheet の [MyApps] ページを表示します。

    まだアプリがないため、[MyApps] ページは空です。

タスク 1. アプリを作成する

自分用または会社用のアプリを開発する場合、通常はプロジェクトのタイムラインに沿って、段階的にアプリを構築します。

作成したアプリは、デプロイして公開するまで、[My Apps] ページの [Prototype Apps] セクションに保存され、アクセスできます。

このタスクでは、前のラボで構築したアプリを、テンプレートを使用して作成します。

プロトタイプ アプリを削除する（リストに表示されている場合）

ラボ環境では、前のラボで作成したアプリが [Prototype Apps] セクションにまだ表示されている場合があります。このアプリでは、基盤となるデータが利用できないため、このラボの作業を続行することはできません。

このラボを続行するには、まずアプリを削除する必要があります。

1. 「Customer Contacts」アプリがリストに表示されている場合は、その他メニュー（）をクリックして [Delete] を選択し、アプリを削除します。

2. [OK] をクリックして削除を確定します。

アプリを AppSheet アカウントにコピーする

1. リンクをクリックして、「Customer contacts」アプリを AppSheet アカウントにコピーします。

2. 左側のメニューで「Copy App」アイコンをクリックします。

3. [Copy App] フォームで、次の設定を指定します。残りの設定はデフォルト値のままにします。

   プロパティ	値 （入力または選択）
   アプリ名	Customer Contacts

4. [Copy app] をクリックします。

アプリは元の連絡先と会社のデータソースに基づいて設定され、アプリの機能を引き続き構築できるようになりました。

[進行状況を確認] をクリックして、目標に沿って進んでいることを確認します。 アプリを作成する

タスク 2. アプリにエラーや警告がないか確認する

このタスクでは、デプロイ チェックを実行して、アプリにエラーや警告がないか確認します。

デプロイ チェックを実行する

1. アプリのデプロイ チェックを実行するには、AppSheet UI で [Manage] > [Deploy] タブに移動します。

2. [Deployment Check] をクリックします。

   

3. [Run Deployment Check] をクリックします。

   

   デプロイ チェックの出力では、アプリをデプロイする前に修正する必要があるエラーや警告が一覧表示されます。

デプロイ チェック レポートを確認する

• レポートを表示して、デプロイ チェックのエラーや警告がないか確認します。スクロールして問題の全リストを表示します。

  

  レポートには、いくつかのエラーまたは警告が含まれています。これらの問題は次のタスクで修正します。

タスク 3. デプロイ チェックで検出されたエラーと警告を修正する

このタスクでは、デプロイ チェックの出力で報告された各エラーまたは警告の詳細を確認し、修正します。

注: 警告が表示されてもアプリのデプロイは可能ですが、報告されたエラーはすべて修正する必要があります。すべての警告を確認し、可能であれば解決することをおすすめします。

データ構造のエラーを修正する

1. [Data matches expected structure] というエラーをクリックします。

   セクションが展開され、エラーの詳細が表示されます。

   

2. このエラーの詳細を表示するには、[More info] をクリックします。

   エラーの説明から、アプリ定義の [Company ID] 列の名前と、Google スプレッドシートの [contacts] の [Company] 列の名前が一致していないことがわかります。

3. このエラーを修正するには、AppSheet エディタの [データ] セクションに移動し、[contacts] をクリックしてテーブル定義を開きます。

4. [Company ID] 列の名前を [Company] に変更します。

5. [Company] 列は、[Companies] テーブルの [Related contacts] 逆参照列のアプリ数式表現でも使用されているため、変更する必要があります。

   [データ] で、[companies] をクリックしてテーブル定義を開きます。

6. [Related contacts] 列定義の [Formula] フィールドをクリックして、Expression Assistant を表示します。

   

7. [App Formula] の式を編集して、列名を [Company] に変更します。

   

8. Expression Assistant で [Save] をクリックします。

9. [Save] をクリックしてアプリの変更を保存します。

アプリの説明に関する警告を修正する

アプリの簡単な説明を含めることをおすすめします。

1. [App description] の警告をクリックします。

   セクションが展開され、警告の詳細が表示されます。

   

   [More info] をクリックすると、報告された問題の詳細（考えられる原因や解決手順など）が表示されます。

2. [App description] に関する警告を修正するには、[Settings] に移動し、AppSheet UI の [settings] の下にある [Information] をクリックします。

3. [App Properties] をクリックします。

4. [App Properties] フォームで、次のように指定し、残りの設定はデフォルトのままにします。

   プロパティ	値 （入力または選択）
   簡単な説明	すべての顧客と連絡先を一元管理できるアプリ。
   業種	ビジネス サービス

5. [Save] をクリックして、変更を保存します。

カスタム起動アイコンの警告を修正する

アプリはすでに、AppSheet が提供するロゴアイコンの一つを使用するように構成されています。この警告は、ロゴを独自のカスタム アイコンに変更するよう促すものです。

1. [Use custom app launch icon] の警告をクリックします。

   セクションが展開され、警告の詳細が表示されます。

   [More info] をクリックすると、報告された問題の詳細（考えられる原因や解決手順など）が表示されます（任意）。

2. アプリ用のカスタムアプリ起動アイコンを指定するには、AppSheet UI の [Settings] > [Theme & Brand] ペインに移動します。

3. [App logo] で、プルダウン リストから [Custom] を選択します。

4. ロゴの右にある編集ボックスに、以下の URL をコピーして貼り付けます。

   https://storage.googleapis.com/cloud-training/T-APSDEV-B/app_logo.png

   

5. [Save] をクリックして、変更を保存します。

モバイル デバイスでのコンテンツ キャッシュ保存に関する警告を修正する

この警告は、アプリで画像やドキュメントのオフライン デバイス キャッシュ保存を利用するとメリットがあることを示しています。

1. [Content caching on the mobile device] の警告をクリックします。

   セクションが展開され、警告の詳細が表示されます。

   [More info] をクリックすると、報告された問題の詳細（考えられる原因や解決手順など）が表示されます（任意）。

2. このオプションを有効にするには、AppSheet UI の [Settings] > [Offline mode] ペインに移動します。

   [Offline Use] セクション。

3. [Store content for offline use] オプションを有効にします。

   

   オフラインでのコンテンツ キャッシュ保存について詳しくは、AppSheet ドキュメントのサイトをご覧ください。

4. [Save] をクリックして、変更を保存します。

タスク 4. デプロイ チェックを再実行する

すべてのエラーを修正し、警告を修正または確認したら、デプロイ チェックを再度実行します。

デプロイ チェックを実行する

1. AppSheet UI で [Manage] > [Deploy] タブに移動します。

2. 前回の実行のデプロイ チェック レポートが開いている場合は、[Continue editing] をクリックします。開いていない場合は、[Deployment Check] パネルをクリックして展開します。

3. [Run Deployment Check] をクリックします。

   デプロイ チェックの出力にエラーや警告が含まれていないことを確認します。次のタスクでアプリをデプロイしましょう。

タスク 5. アプリをデプロイしてテストする

このタスクでは、アプリをデプロイし、AppSheet UI の外部で、ブラウザから直接テストします。

アプリをデプロイする

• [Deployment Check] セクションで [Move app to deployed state] をクリックします。

  AppSheet がアプリをデプロイし、アプリの状態が [Deployed] に変わります。

  

アプリをテストする

1. AppSheet UI で、Share アイコンをクリックします。

2. [Share app] ダイアログで、[Copy sharing links] をクリックします。

3. コピーアイコンをクリックして、ブラウザリンクをコピーします。

4. アプリを開くには、リンクを別のブラウザ ウィンドウに貼り付けます。

5. または、アプリのプレビューの上にある AppSheet エディタの右上隅にある「Open in tab」アイコン をクリックします。

6. 新しいブラウザ ウィンドウにアプリが読み込まれます。

   

7. デスクトップ ブラウザからアプリの機能をテストして、すべての機能が想定どおりに動作することを確認します。

8. アプリを実行しているデスクトップ ブラウザで、[ShipTo] アイコンをクリックして配送フォームを開きます。

9. フォームで次のように指定し、残りの設定はデフォルトのままにします。

   プロパティ	値 （入力または選択）
   製品名	テスト製品
   数量	4
   ステータス	新規
   会社	リスト内の任意の会社

   選択した会社に基づいて、アプリに配送情報が自動的に表示されることを確認します。

10. [Save] をクリックしてフォームを送信し、新しい配送先エントリを [shipTo] テーブルに保存します。

[進行状況を確認] をクリックして、目標に沿って進んでいることを確認します。 アプリをデプロイしてテストする

タスク 6. アプリを共有する

アプリのテストが完了したら、自分自身または任意のユーザーとアプリを共有して、アプリをダウンロードして使用できるようにします。

ユーザーを追加する

アプリをユーザーと共有する最初の手順は、ユーザーをアプリのユーザーとして追加することです。

1. アプリにユーザーを追加するには、AppSheet UI で をクリックします。

2. [Share app] ダイアログで、有効なメールアドレスを入力します。

   注: 次のタスクでデバイスのユーザーとしてアプリを実行できるように、有効なメールアドレスを入力してください。

3. 必要に応じて、他のユーザーのメールアドレスを追加できます。

4. [reCaptcha] チェックボックスをオンにして、ロボットでないことを証明します。

5. 必要に応じて、招待メッセージを更新します。

6. [Send] をクリックします。

   注: reCaptcha の認証には有効期限があります。期限切れになった場合は、再度認証する必要があります。

メールの受信を確認する

• 前のタスクで使用したメール アカウントにログインし、メールが届いていることを確認します。

お疲れさまでした

AppSheet を使用してアプリをデプロイし、公開することができました。

このラボでは、以下の操作について学習しました。

• アプリでデプロイ チェックを実行して、エラーや警告がないか確認する。
• エラーを修正し、報告された警告を解決する。
• インスタント デプロイを使用してアプリをデプロイして公開する。
• アプリユーザーとしてアプリをテストする。

次のステップと詳細情報

• Google Workspace ラーニング センター

Google Cloud トレーニングと認定資格

Google Cloud トレーニングと認定資格を通して、Google Cloud 技術を最大限に活用できるようになります。必要な技術スキルとベスト プラクティスについて取り扱うクラスでは、学習を継続的に進めることができます。トレーニングは基礎レベルから上級レベルまであり、オンデマンド、ライブ、バーチャル参加など、多忙なスケジュールにも対応できるオプションが用意されています。認定資格を取得することで、Google Cloud テクノロジーに関するスキルと知識を証明できます。

マニュアルの最終更新日: 2024 年 11 月 8 日

ラボの最終テスト日: 2024 年 11 月 8 日

Copyright 2025 Google LLC. All rights reserved. Google および Google のロゴは Google LLC の商標です。その他すべての企業名および商品名はそれぞれ各社の商標または登録商標です。