Google AppSheet で簡単な社内アプリを作成してみる

-

はじめに

今年も懲りずにデータ関連の記事を書こうと思います。
と言っても、どちらかというとデータを「利用」する側を取り上げます。

今回、社内のデータ利活用で、簡単な参照アプリ的なものはできないかなと考えました。

自分はアプリ屋さんではないので、
そんな人でも利用できるサービス(ツール)をどうするかを考えるわけですが、
選定ポイントは以下の3つとしました

  • ノーコードで作成可能
  • 低コスト
  • 社内データ連携性

上記を満たしそうなものとして、GoogleのAppSheetが良さそうであったので触ってみることにしました。
自社で契約している Google Workspace のエディションにも含まれているのでコレだなと。

Google AppSheet とは

ChatGPT先生によると（あえてGemini先生には聞かず）

Google AppSheet は、コードを書かずに業務アプリを作成できるノーコード開発プラットフォームです。
Google スプレッドシート、Excel、BigQuery などのデータを元に、フォーム、ダッシュボード、ワークフロー自動化などを備えたアプリを素早く構築できます。

だ、そうです。

やりたいこと

とりあえずAppSheetを使ってやりたいことを挙げます。

  • ひとまずデータの集約がしたい
  • よく使う集計（例えば合計とか）された値をすぐ参照したい

アプリ作成と設定

では早速アプリを作ってみましょう。

1. AppSheetのホーム画面にログイン、[ Create ] から [ Start with existing data ] を選択

2. アプリ名を入力し [ Choose your data ] を選択

3. [ Google Sheets ] を選択、今回ダミー用として作成したスプレッドシートを指定

できました。

はいもうできたよ感がすごいですね、なんかの詐欺広告みたry

ちなみにスプレッドシートのダミーデータ、の中身はこんな感じです。

ID 氏名 部署 申請日 費目 金額 (円) 承認ステータス 備考
1001 佐藤 健太 営業部 2025/11/25 交通費 1280 承認済み クライアント訪問 (新宿)
1002 田中 雅美 開発部 2025/11/26 消耗品費 4500 申請中 開発用ソフトウェアライセンス
1003 鈴木 誠 総務部 2025/11/27 会食費 12800 承認済み 社内懇親会費用
1004 高橋 由美 経理部 2025/11/27 交通費 680 承認済み 銀行振込移動費
1005 山本 浩司 人事部 2025/11/28 セミナー参加費 35000 申請中 新卒採用セミナー
1006 小林 涼子 営業部 2025/11/28 出張費 48900 承認済み 大阪出張 (新幹線代含む)
.... .... .... .... .... .... .... ....


一度利用者視点のビュー表示をしてみます。

デフォルトのレイアウトはシンプルです、表の各行がシンプルな形で表示されています。

行をクリックすると各カラムの値が表示されました。

シンプル過ぎてすぐに気づくところなのですが、
最初からグループ化（GROUP BY）して良さそうな列を自動でグループ化してくれるみたいです。
今回は部署毎にまとめられていました。
（この設定は次の [ Views ] で変更可能）

編集表示に戻り、利用者が分かりやすいようナビゲーションメニューの [ Views ] で行の見え方を調整します。
[ Primary header ]、[ Secondary header ] を適当なカラムに変更し、[ SAVE ] 。

行の表示が変更されました。

なお別のデータを追加したい場合は、ナビゲーションメニューの [ Data ] から可能です。
（同じようにリスト表示させる場合は [ Views ] の [ PRIMARY NAVIGATION ] で追加）
これらデータのソース側に更新があった場合はどうなるのか確認したところ、 ちゃんとアプリ側にも反映してくれるようでした。

集計を試す

今回想定していたシナリオでどう実装していいかわかなかったのがコレ。
多少強引ですが別データ（別シート）を追加し、そこに Virtual Column として SUM 関数を作成してみました。

別データに [ Virtual Columun ] を作成。

[ App formula ] に最初の経費リスト（テーブル）の金額合計を返すように式を作ります。


    SUM(
      SELECT(シート1[金額 (円)], TRUE)
    )

おまけでもう1行 Virtual Column を追加しましょう、営業部だけの金額合計についても作成してみます。


    SUM(
      SELECT(シート1[金額 (円)], [部署] = "営業部", TRUE)
    )

できたのがこちら。だいぶショボいry

こんな感じで集計専用ビューを無理矢理作ったけど、、もっとスマートなやり方があればどなたか教えてください。。

感想

データの利活用という観点では若干微妙な感じはありましたが、
アプリ作成という意味ではプログラミング知識がなくともある程度使えるレベルまで簡単に作れることがわかりました。
勤怠アプリ、ワークフローなんかも最低限の機能ということであればこれで作れるかも、とか妄想。
このような手軽なサービスを探して上手く活用していけたら未来は広がりますね。

それでは今回はこの辺で、最後までお付き合いいただきありがとうございました。

コメント

コメントを投稿

このブログの人気の投稿

ProxmoxでLet's Encryptを使用した証明書セットアップをやってみた

-
イメージ
■はじめに Proxmoxはデフォルトで自己証明書を使用しています。 このため、管理コンソールにアクセスすると「接続がプライベートではありません」といった画面が表示されます。 これの対処方法の一つとして、Let's Encryptを使用して簡単に証明書がセットアップできるとのことで、実際にやってみた内容を紹介したいと思います。 ■前提 ・自宅のProxmox環境（シングル構成）で実施 ・証明書取得時に使うのはDNS-01チャレンジ 　　HTTP-01チャレンジはWebサーバーを公開する必要があるためパス ・ハードル低めの（APIが使える）DNS Providerからドメインを取得して使用 　　下記の中からCloudflareをDNS Providerとして選択 　　　 How to use DNS API wiki ■手順概要 Cloudflareのアカウント作成～証明書反映まで、ということで実施内容としては下記となりました。 ＝＝＝＝＝ 1.Cloudflare アカウントの作成 2.Cloudflare ドメイン取得 3.Cloudflare アカウント APIトークンの作成 　　- ゾーン DNS を編集する権限を持つAPIトークンを作成 4.Cloudflare アカウント IDの取得 　　- ProxmoxのChallengeプラグインに投入するパラメータの取得 5.Proxmox ACME アカウントの追加 　　- 連絡先登録と利用規約への同意 6.Proxmox Challengeプラグインの追加 　　- Cloudflareのパラメータを投入 7.Proxmox ACME ドメインの追加 　　- 取得したいドメイン（FQDN）を設定 8.Proxmox 証明書の取得 　　- 証明書取得処理を手動開始 ＝＝＝＝＝ ■実施手順 1.Cloudflare アカウントの作成 Cloudflareのサイトにアクセスして画面右上の「ログイン」をクリックします。 　https://www.cloudflare.com/ja-jp/ ログイン画面に遷移するので、下部にある「サインインアップ」をクリックします。 登録するメールアドレスとパスワードを入力、ロボットでないこと確認にチェックを入れて「サインアップ」をクリックします。 アカウントが作成されます。 登録...
続きを読む

AIと共に「考える」エンジニアに！

-
イメージ
 ― ChatGPT時代に問われる「問いの力」と文章力 ― はじめに ChatGPTをはじめとする 生成AI が普及しはじめてから、もう2年近くが経ちました。   リリース当初は「すごい技術だな」と遠目から眺めている空気でしたが、今では多くの人がAIに触れる機会を持つようになりました。    我々 ITエンジニアとして 、アプローチはどうすべきか？何が必要か？について考えてみます。 AI利用の現状 まだAIを使い始めたばかりだったり、上手く使えてない人は、「このエラーを解決して」「この機能を実装して」と 指示を出すだけ になっているようです。   あるいは、「〇〇とは？」を丸ごとAIに聞いて解説してもらうケースも見られます。　便利ですが、それだと Google検索 と同じレベルに留まっていると感じます。 AIの本当の価値 私は、AIは 単なるコード生成ツールでも、Googleの上位互換でもない と考えています。   むしろ、使い方を間違えると取り残されていく可能性があります。  AIが本当に得意なのは、与えた問いに沿って 思考の幅を広げ、情報を整理すること です。   つまり、AIを活かすには、 問いを設計する力 が不可欠なのです。 問いを設計する力はAI以前からのビジネススキル 実は、問いを設計する力は、AIが登場する以前から、私たちエンジニアが日常的に使ってきたスキルです。   例えば、プロジェクトの課題を整理したり、仕様の確認事項を明確化したり、メールでの問い合わせの内容を意図通りに伝えたりなど...　いずれも、 相手や状況に応じて適切に問いを設計する力 がベースになっていました。   AIは文章やアイデアを生成してくれますが、 何を考えるべきかは教えてくれません 。だからこそ、この問いを設計する力がAI時代でも重要になるのです。 コンテキストエンジニアリング さらに最近は、単なるプロンプトの工夫（プロンプトエンジニアリング）だけでなく、文脈や前提を整理して問いを設計する「 コンテキストエンジニアリング 」が注目されています。   コンテキストエンジニアリングとは、単に「良いプロンプト...
続きを読む

ルーティングって何で必要で、何してるの？を React Routerで理解する

-
イメージ
はじめに フロントエンド開発が、正直苦手でした。 でも今回のプロジェクトでReactを触ることになり、「せっかくなら苦手意識を克服したい」と一念発起。 開発は終わりましたが、学習は継続しています。 Reactには多くの要素がありますが、今回はルーティングに絞ります。 バージョンの違いで書き方が変わり対応に戸惑ったこともあり、基本から振り返りつつ理解していった流れを記事にしたいと思います。 そもそもルーティングって何のために必要なの？ まず基礎の基礎になりますが、URL、ブラウザ、SPAの観点から振り返ります。 URLとは？ Uniform Resource Locator（統一資源位置指定子）の略語で、要するに「 インターネット上のモノの住所 」です。 https://example.com/products.html このようなURLの場合、ブラウザは、 URLを見る→( products.html というファイルが欲しいのだと解釈) サーバーにリクエストを送る HTMLファイル( products.html )をダウンロードして表示する つまり、URLは「どのファイルを取得するか」を指定する住所のようなものです。 ブラウザはURLで何をしているのか？ ブラウザにとってURLは「ページの識別子」です。 ブラウザは、URLをキーにして、いろんな機能を実現しています。      1. 履歴管理           URLが変わるたびに履歴に記録           「戻る」ボタンを押すと、履歴から1つ前のURLを取り出して、そのページに戻る           「進む」ボタンも同じ仕組み      2. ブックマーク           URLを保存することで、「このページ」を記憶           後でそのURLを開けば、同じページが表示される       3. URL共有...
続きを読む