LoginSignup
0
0

AppSheetで掲示板アプリを作ってみる(初見)

Posted at

前々から気になっていたGoogleのノーコードアプリ開発プラットフォーム「AppSheet」を使って簡単なアプリケーション制作をして、基本的な使い方を学習しました。

本記事ではその内容について解説をします。
なお、今回は初見のうえ、画面を見ながら試行錯誤してみるので必ずしも効率の良い方法ではないかもしれませんのでご注意ください。

ざくっとシステム設計

  • 投稿者は、文章と画像を投稿することができ、投稿後に編集と削除を行うこともできる
  • 閲覧者は、投稿を閲覧することができる

まずは新規作成

スクリーンショット 2024-04-27 9.45.37.png

Createボタンをクリックして新規作成する

スクリーンショット 2024-04-27 10.01.51.png

今回はBlank appを選択します

スクリーンショット 2024-04-27 10.02.53.png

アプリ名の入力を求められたので今回は「Reports」としました

スクリーンショット 2024-04-27 10.10.32.png

これでアプリの雛形が作成されました
右側に画面も出ているので、すでに動かせそうな雰囲気があります

データの保存先を設定する

スクリーンショット 2024-04-27 10.11.50.png

Dataを選択してみると、既にテーブルが1つ作成されていましたが、列の追加・編集ができないようなので、View data sourceをクリックしてテーブル定義を見てみます

スクリーンショット 2024-04-27 10.14.02.png

こっちでテーブルの編集ができそうなので、投稿内容を保存するテーブルを作成します

スクリーンショット 2024-04-27 10.49.01.png

おお・・・データ型も豊富だし、わかりやすい

スクリーンショット 2024-04-27 10.58.34.png

とりあえず簡単に投稿本文、投稿者、投稿日時を保存するだけのテーブルを作りました

スクリーンショット 2024-04-27 11.32.10.png

次は投稿画面を作りました
For this dataでさきほど作ったテーブルを選択して、画面の種類を選んでいくだけ

スクリーンショット 2024-04-27 11.33.37.png

ナビゲーションに表示するアイコンはペンにしました

スクリーンショット 2024-04-27 11.34.42.png

項目も初期値と表示名を変更しました

スクリーンショット 2024-04-27 11.40.12.png

テスト投稿をしてみます

スクリーンショット 2024-04-27 11.40.53.png

ちゃんと保存されてますね!

スクリーンショット 2024-04-27 11.57.47.png

閲覧画面も同様にデータを選択して、画面の種類を選んでいくだけです

スクリーンショット 2024-04-27 11.58.45.png

自動的に削除や編集機能もついてますね

まとめ

初見で一切調べずにやってみましたが、簡単にアプリを作ることができました
業務アプリなどに活用できそうです!

0
0
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
0