![見出し画像](https://assets.st-note.com/production/uploads/images/80302771/rectangle_large_type_2_8a72ba536646df685053b3cda3215cea.png?width=1200)
Appsheetでお絵描きクイズアプリを作ってみた
ある日の会話。
妻『(任天堂の)DSで、家族で絵を描いて、それが何の絵か当てるクイズやったんだよねー。あのゲームまた買おうかな』
私『携帯のアプリであるんじゃないの?(検索…)なさそうだわ…。よし、なければ作るか』
ノーコード・ローコード開発が巷で話題になり、Appsheetを勉強しようと思っていたので、勉強がてら作ってみました。
※Appsheetは、スプレッドシートをもとにして、アプリを作れるものになります。
※プログラミングの勉強したことなく、システム系も強いわけではない文系出身なので、専門家からみたらセンスないと思われるかもしれませんがご容赦ください。
ざっくり仕様
こんな流れで遊ぶことを想定。
①出題者:お題を決めて絵を描く
②回答者:出題者の絵だけを見て回答を記入
③お題・絵・回答が一覧で見れるページで答え合わせ
④感想を言い合う
テーブル2つ(スプレッドシート2シート)
①お絵描きシート
![](https://assets.st-note.com/img/1654659034667-dQh1FNjLft.png)
②回答シート
![](https://assets.st-note.com/img/1654659134393-E1z7oY6iPY.png?width=1200)
この2つのシートを基にして、アプリの表示画面だったり、操作を設定します。
アプリの画面(スマホ)
①お題のタブ
ここで出題者が新規登録してお絵描きします。
![](https://assets.st-note.com/img/1654659378995-dOurgtHqnh.png)
![](https://assets.st-note.com/img/1654659425582-FNigStgjw0.png)
②回答のタブ
![](https://assets.st-note.com/img/1654659497382-BFRfyQ3JFZ.png)
上がっているものを選択して、詳細画面を開く。回答に記入。
![](https://assets.st-note.com/img/1654659513748-B6Ck8PfeZU.png)
③回答がおわったものをダッシュボードで確認
![](https://assets.st-note.com/img/1654659615947-ujYBkhEkkG.png)
他にもAppsheetでアプリを作った経験があったので、たしか3時間くらいで遊べるレベルまでできあがったと思います。
具体的にどう作ったか・・・みたいなAppsheetの編集画面等は、反応が大きかったら頑張って記事起こそうと思います。
また、他にもAppsheetで、保育園選び・見学の際に、近所の保育園マップと評価を記入できるものを作ったりしたので、こちらも時間ができたら記事に起こそうと思います。
ちなみにiphoneとタブレットでアプリの表示形式も変えられます。
ipad側での表示形式は有料部分とさせていただきますので、Appsheet関連に興味ある方、応援してくださる方は、お願いします!
※上のダッシュボートが横向きで大きく見れる+他の個別情報を表示できる機能になります。
アプリの画面(タブレット・PC)
ここから先は
¥ 100
この記事が気に入ったらサポートをしてみませんか?