Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
23
Help us understand the problem. What is going on with this article?
@Gerbera

AppSheetのサンプルアプリを使って爆速で在庫管理アプリをスマホで動かしてみる。

More than 1 year has passed since last update.

はじめに

巷ではローコード開発/ノーコード開発が流行りだそうな。
実際どんなものができるのか、AppSheetの在庫管理サンプルアプリをスマホで動かしてみる。

そもそも AppSheet とは

  • コーディング不要で在庫管理やプロジェクト管理などのビジネスアプリを作ることができる
  • iOS用アプリ、Android用アプリ、ブラウザ用アプリを同時に作ることができる

試してみる

環境

  • Chrome 79
  • Windows 10 1909

必要な物

  • Googleアカウント(他のでもいいけどとりあえず)
  • iOSデバイスかAndroidデバイス

費用

無料

かかる時間

ゆっくり15分

手順

おおまかな手順は以下
1. サンプルアプリをコピー
2. スマホからインストール用URLにアクセスする

AppSheetにアクセスする

AppSheet

「Start for free」をクリック

コメント 2020-02-16 002608.png

「Google Sheets and Froms」をクリック。

ここではアプリに使うデータソースが保存されているサービスを指定している。
コメント 2020-02-16 002639.png

内容を確認して「許可」をクリック。

Inkedコメント 2020-02-16 002824_LI.jpg

「Sampleapps」をクリック。

MyApps画面が表示される。ここに作成したアプリが並んでいく。新しくアプリを作る場合は右上の「Newapp」だが、今回はサンプルアプリを使用するので、「Sampleapps」をクリック。
Inkedコメント 2020-02-16 002901_LI.jpg

「Stock Management App」をクリック。

サンプルアプリが表示される。色々なアプリがあるが、今回は在庫管理アプリの「Stock Management App」をクリック。
Inkedコメント 2020-02-16 002929_LI.jpg

「Copy」クリック。

「Explorer」をクリックするとアプリの詳細が表示される。
Inkedコメント 2020-02-16 002944_LI.jpg

「Category」を適当に選択し、「Copy app」をクリック。

コメント 2020-02-16 003016.png

しばし待つ

コメント 2020-02-16 003037.png

「InstallLink」のURLをスマホに送る。

アプリ作成画面が表示される。右側のピンク囲みの部分が実際の表示画面。この時点でアプリは完成しており操作も可能。
InkedInkedコメント 2020-02-16 003814_LI.jpg

送る際はQRコード作成サービスで、URLをQRコードにしてスマホでスキャンすると楽。

QRコード[二次元バーコード]作成 【無料】

URLを開くとAppSheet自体のインストールが促されるためインストールする。

AppSheetで作成したアプリは、AppSheetアプリの上で動くようになっています。
(画像を取り忘れたため、かわいい猫の画像をお楽しみください)
publicdomainq-0017929ewjjwy.jpg

今回作った在庫管理アプリをインストール

InkedScreenshot_20200216-004042_LI.jpg

アプリが起動。「OK」をクリック

Screenshot_20200216-004056.jpg

はいできた!

Screenshot_20200216-004104.jpg

機能としては
- 在庫リストの作成
- カメラから商品のバーコードをスキャンして入出庫
- カメラから商品のバーコードをスキャンして在庫リストに追加
- 在庫ごとの入出庫履歴の確認
など…

デモ動画

ezgif-2-d64a405f33c6.gif

終わりに

とりあえずいきなりサンプルアプリを動かしてみた。
まず驚いたのは、AppSheetログイン→サンプルアプリ選択→スマホで動かすまでの速さ。
コードはもちろん書いてないしデプロイもしてない。そもそものクリックだって数回だ。手軽、圧倒的に手軽。
サンプルアプリも豊富にあり、これをベースにカスタムしていくのは全然ありだと思う。

今まで金銭的、スキル的にシステム導入が難しかった部分へのアプローチとしては相当いい感じがしている。
他にもいろいろな活用方法がありそうだ。もう少しいじってみようと思う。

次回
AppSheetで作った在庫管理アプリを修正してみる
https://qiita.com/Gerbera/items/09a889ffcb4ade005ee9

ノーコード開発もくもく会のおしらせ

毎月1回ぐらい、「Play (No) Codes!」というグループ名でノーコード開発もくもく会をしています。
基本オンライン+オフラインで実施しているので、よければ参加ください!
https://playnocodes.connpass.com/

23
Help us understand the problem. What is going on with this article?
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
Gerbera

Comments

No comments
Sign up for free and join this conversation.
Sign Up
If you already have a Qiita account Login
23
Help us understand the problem. What is going on with this article?