Google AppSheet ノーコード開発!?アプリ作ってみる!vol.01

Google AppSheet
Google AppSheet とは?spreadsheetと連携してノーコード開発!?してみる!!!
今、流行りのノーコード開発。どのくらい使えるか?パッとみたかんじ業務関連には使えそうです。ここでいうアプリというのはWebアプリであって、ネイティブアプリではない。なんとなくパッと作って業務効率化出来たらというもののようですね!...

とりあえず作ってみましょう

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

Quick start: Create your first app by using an AppSheet database - AppSheet Help
In this Quick Start, you'll learn how to create an AppSheet app by using an AppSheet database. An AppSheet database provides an easy and efficient way to build ...

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

公開されている、スプレッドシートを自分用にコピーしました。

Tasks , Owners シートがテーブルとなるようです

AppSheet : mobile apps from spreadsheets : Login
Learn how to make mobile apps for iPhone, Android, and web.

appsheetにログイン

[Create] > [Database] > [Import from Sheets]

先ほどコピーしたシートを選択します

テーブルに反映されていました

ダブルクリックして開くと!なんと!

シートがテーブルに。TasksとOwnersテーブルが出来ていますと言うか

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

AppSheet データベースの [Tasks] テーブルで、[Owner] 列をダブルクリックして、その設定を編集

[Text] フィールドで、[Link to table] > [Reference] 

[Table to reference] リストで [Owners] を選択します。

Table to referenceでリストでテーブルからownersを選択してsave

Tasks テーブルの Owner列が Ownersテーブルの一列目の名前とリンクする形になっていました。

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

ownersテーブルのEmailで Use column as label とすると
Tasksの Owner列がEmail表示に変わりました。..

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

データベース表示の右側に Apps があり、クリックすると

「Apps using Tasks」Ownersのほうでやると Apps using Ownersになります。
つまり Tasksテーブル用のアプリということになるようです。

Tasks App が生成されました。

警告に

Column “Owner” in Tasks_Schema has a reference to an unknown table or slice “Owners”. Open the column definition to select a source table.

と Ownerカラムに Ownersテーブルがあるけど追加しろと

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

+ マークから
AppSheet Database
My Project Tracker (Connected)
Ownersにチェックがあることを確認して Add

次の警告:Ownersにセンシティブデータ Email があると

Table ‘Owners’ may contain sensitive data in column(s): Email

PII センシティブカラムには PIIがチェックされるそうです。
中央のテーブルデータを右にスクロールすると PII? というのがあり
とりあえず、そういうものということで。不要な場合はチェックを外して良いようです

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

読み込み?表示にビューが必要なんですね

と思ったらビューはタブの中身がビューということなんですね!

左のアプリ>Viewsで New Viewを作成

Ownersとすると

スマホ表示の場合、下に Tasks | Ownersとなりました。

Card がカード表示で middleは下のタブの位置ですね、2個なので右側に来ています。

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

Databaseの方で
Tasks の Due Date を Text から Date に変更しました。

Appのほうで Tasksのメニューから Regenerate schema で反映

日付表示が 2023/04/19になったということでしょうか?


チュートリアル!終了!

シート > データベース > アプリ という展開ですね!ほー

つぎはチャットを作ってみます!

これはもしかして、googleアカウントでチャット作れる?

お気軽にコメントください!

スパム対応のためコメント認証に数日かかることがありますが、お気軽にコメントいただけると嬉しいです^^

コメント

タイトルとURLをコピーしました