0
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

スケジュール管理アプリ ~その1~

Posted at

はじめに

ノーコードはどのようなものか、興味があったのでAppsheetを使用してMTG参加有無スケジュールアプリを開発をしてみました。

環境

windows 10
googleアカウント
Appsheet (google cloud serviceの一つで機械学習も可能)

環境を整える

googleアカウントを作成する。※すでにお持ちの方は不要です。

https://support.google.com/accounts/answer/27441?hl=ja

Appsheetを設定する。

https://www.appsheet.com/

image.png

無料で始めるを押下。チュートリアルがはじまるので対応する。

image.png

アプリの開発を行うためのスプレッドシートを準備する。
今回は以下のように準備する。

シート1
image.png

シート2
image.png

スプレッドシートを作成したら、準備は以上になります。

実装

独自のデータから始めるを押下

image.png

独自のデータから始めるを押下

アプリ名とカテゴリーを入力

image.png

データを選択してくださいを押下

image.png

準備タスクにて作成したスプレッシートを選択。

image.png

Start customizeingを押下する。

image.png

この時点で画面が作成されます。

次に左側のタブでData>Columsを選択します。そのあと赤枠の筆を押下します。

image.png

カラムの設定を行います。TypeをEnumにします。TypeDetailsのValuesを追加します。

image.png

DisplayのDisplayNameを変更してアプリケーションに項目を表示させます。Doneを押下したら完了です。

image.png

変更を反映させるためにRegenerateStructureを押下。同じ場所にAre you Sureボタンが出てくるので押下します。
image.png

右側のアプリケーションから+マークを押下する。
image.png

アプリケーションに反映されていることが確認できました。
image.png

先ほどの工程を繰り返し行い、設定する。

image.png

これで追加画面の完成になります。適宜入力していきます。
image.png

UIを変更したい場合は以下を設定する。
image.png

一番上のTitle goes hereを選択すると、右側の赤枠に表示されている内容がプルダウン形式にて表示されます。
image.png

これを今回はHeader goes here 以外をNoneにします。
image.png

上記の山田タブをクリックすると追加した内容が表示され、編集を行うことができます。
image.png

この入力したデータはどこに保管されるかというと、一番最初に作成したスプレッドシートのシート1に保管されます。
このようにスプレッドシートでDBと同じ役割を果たすことができます。
image.png

まとめ

・表示されるViewの設定は他にもいっぱいあるので、使用してみるのも面白そうです。
・コーディングのスキルを持っていなくても、誰でもアプリケーション開発が行えるので、低コストだなと思いました。

課題

・人数の集計機能を作成中ですが、警告で怒られているので、動くように精査していきたいと思います。

0
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?