【業務効率化】Google AppSheet でノーコードタスク管理アプリを作ってみた

【業務効率化】Google AppSheet でノーコードタスク管理アプリを作ってみた

2026.01.13

はじめに

こんにちは、フニです。
みなさん、普段のタスク管理どうしていますか?
私は Google AppSheet を利用して毎日のタスクを管理しています!
実際に使ってみたらとても便利だったのでご紹介します。

Google AppSheet とは?

プログラミングをせずに、Google スプレッドシートなどのデータソースから
数クリックで簡単にアプリケーションを作成できるツールです。
詳細は以下のブログをご参照ください。

https://dev.classmethod.jp/articles/appsheet-kihon-info/

手順

1. アプリを作ってデプロイしてみよう

  1. Google アカウントにログイン後、スプレッドシートを作成します。

https://docs.google.com/spreadsheets/create?hl=JA

今回は画像のように列を登録しました。

CleanShot 2025-12-22 at 14.15.39@2x.png

  1. 「拡張機能」から「AppSheet アプリを作成」を押下します。

CleanShot 2025-12-22 at 14.18.06@2x.png

CleanShot 2025-12-22 at 14.22.22@2x.png

  1. アプリのテーマを変更します。今回は画像のように変更しました。

CleanShot 2025-12-22 at 14.24.26@2x.png

  1. 今回は _RowNumber を KEY に設定し、データのタイプを画像のように設定しました。

CleanShot 2025-12-22 at 14.29.10@2x.png

https://support.google.com/appsheet/answer/10106672?visit_id=639019780691874293-961038724&p=key&rd=1#:~:text=動作します。-,行番号キー(非推奨),選択されると、エディタは警告を表示します。,-キーを選択

  1. 「ステータス」列の「Initial value」には「Active」を入力し、Done を押下します。

CleanShot 2025-12-25 at 17.36.50@2x.png

CleanShot 2025-12-25 at 18.20.18@2x.png

  1. 「作成日時」列の「Initial value」に「NOW()」を入力し、Done を押下します。

CleanShot 2025-12-25 at 17.36.50@2x.png

CleanShot 2025-12-25 at 17.40.00@2x.png

変更内容を保存します。

CleanShot 2025-12-25 at 18.25.10@2x.png

  1. アプリを Deploy します。

CleanShot 2025-12-25 at 17.41.40@2x.png

画像のように表示されたらデプロイ成功です。

CleanShot 2025-12-25 at 17.42.57@2x.png

2. タスクを登録してみよう

  1. 画像の「Open app in browser」アイコンを押下します。

CleanShot 2025-12-25 at 17.45.06@2x.png

  1. 「+ Add」ボタンを押下します。

CleanShot 2025-12-25 at 17.52.41@2x.png

  1. 画像のようにタスクを入力し、保存します。

CleanShot 2025-12-25 at 17.50.17@2x.png

CleanShot 2025-12-25 at 17.51.37@2x.png

  1. もう一つタスクを作成し、保存します。

CleanShot 2025-12-25 at 18.03.09@2x.png

複数のタスクが並ぶと、デフォルトビューではステータス列のみが表示されるため、タスク内容を確認するには各行をクリックして詳細を開く必要があります。
次のセクションでは、テーブルビューに変更することで、この課題を解決する方法をご紹介します。

CleanShot 2025-12-25 at 18.04.21@2x.png

3. View を変更して見やすく変更してみよう

  1. 画像のように「View name」を入力し、「View type」を「table」に変更して保存します。

CleanShot 2025-12-25 at 18.08.17@2x.png

  1. ブラウザで確認すると、画像のようにタスクがわかりやすく変わっています。

CleanShot 2025-12-25 at 18.09.27@2x.png

4. ステータスを「Closed」に変更するボタンを作ってみよう

  1. AppSheet 画面から Actions を追加します。

CleanShot 2025-12-25 at 18.15.01@2x.png

CleanShot 2025-12-25 at 18.16.27@2x.png

  1. 「Action name」を設定し、Set these columns には「ステータス = Closed」を入力して保存します。

CleanShot 2025-12-25 at 18.18.05@2x.png

  1. ブラウザで確認すると、完了ボタンが追加されていて、押下するとステータスが「Closed」に変わりました。

CleanShot 2025-12-25 at 18.36.37@2x.png

5. ステータスが「Active」のタスクのみ表示させてみよう

  1. Add Slice to filter data「+」を押下し、Slice を作成します。

CleanShot 2026-01-07 at 08.27.11@2x.png

CleanShot 2026-01-07 at 08.28.56@2x.png

  1. Slice Name を入力し、Row filter condition から「Create a new expression」を押下します。

CleanShot 2026-01-07 at 08.31.19@2x.png

  1. 画像のように入力し、「Save」を押下します。

CleanShot 2026-01-07 at 08.33.45@2x.png

  1. Add View 「+」を押下し、「Create a new view」を押下します。

CleanShot 2026-01-07 at 08.35.20@2x.png

CleanShot 2026-01-07 at 08.36.23@2x.png

  1. 画像のように設定し、「SAVE」を押下します。

CleanShot 2026-01-07 at 08.40.06@2x.png

  1. ブラウザで確認すると、ステータスが「Active」のタスクのみ表示できるタブが追加されていました。

CleanShot 2026-01-07 at 08.42.55@2x.png

おまけ

Chrome を利用している場合は、画像のようにアプリケーションとして扱えます。

CleanShot 2025-12-25 at 18.39.43@2x.png

CleanShot 2025-12-25 at 18.42.13@2x.png

Mac の場合は、このように Dock に置いておくと便利です。

CleanShot 2025-12-25 at 18.42.41@2x.png

さいごに

今回は Google AppSheet の概念から、簡単にタスク管理アプリを作成する方法をご紹介しました。
プログラミングをせずに、数クリックで簡単にアプリケーションを作成できるのはとても便利ですね!

続く第2編では、Slack との連携でより実用的な運用方法についてご紹介します!

https://dev.classmethod.jp/articles/google-appsheet-tutorial-task-management-app-slack-integration/

この記事をシェアする

FacebookHatena blogX

関連記事