Amazon Honeycode を使ってみる

# 概要
2020/6/24にリリースされた Amazon Honycode が気になったので早速使ってみました。
https://builder.honeycode.aws/

気になるけどサインアップして試すのも面倒だなスクショだけでも見たいなという方どうぞ。

# Sign up

- サインアップで求められる入力項目はこんな感じです。
![Screenshot from 2020-06-28 13-03-14.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/513300/2ee1bbb5-80b3-86d8-51fb-fb5a36a1b371.png)

- Welcomeはこんな感じです。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/513300/e8ccdca1-3370-962a-ac37-30a998ee51fa.png)

- 最初のうちはちょくちょくチュートリアルが表示されますが読まなくても問題ないと思います。（私はじっくり読んで時間をロスしました）
- 「workbook」というのがアプリの単位になるらしいです。
![Screenshot from 2020-06-28 00-14-03.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/513300/12162cd4-5cc7-a870-6729-2adc670f2b3a.png)

# 最初のサンプルアプリ - 'Simple To-do'

簡易的なタスク管理アプリを作ります。

- アプリの作り方はスクショにもあるとおり以下の３つの方法があります。今回は「2.Use a template」を使っています。
![Screenshot from 2020-06-28 15-54-29_2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/513300/9b56b88c-9927-a73b-cfb9-1feeb1957098.png)

- 図の左側に並んでいるのは用意されているテンプレートで、11種類あります。今回は一番上にある「Simple To-do」を作ります。
![Screenshot from 2020-06-28 15-55-57-2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/513300/9337c7d1-f774-bf74-dc80-ed0c58317b7c.png)

- 今回は「Create workbook >> Use a template >> Simple To-do」と進みます。ここでも諸々チュートリアルが表示されますが、読まなくても問題ありません。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/513300/984a96f2-6cfb-73d3-5e6e-42c755484a2a.png)

- この状態でアプリの編集（設計）画面が表示されるのですが、**実はこの時点でアプリ作成は完了**しています。編集画面を見て回るより先に、**デフォルト状態のアプリを使ってみる**ことをお薦めします。画面左上のアイコンでトップ画面を表示させてください。
- 作成したアプリが、 workbook の一つとして表示されていいます。ちなみに、他に workbook を作るとそれらも一覧として表示されます。
![Screenshot from 2020-06-28 13-40-43.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/513300/7c13d7c8-b4ad-3a23-7e60-a8697fecbdae.png)

- Todo を開いた画面がこちらです。View は「My Tasks」「All Tasks」「Add Task」の3種類。
![Screenshot from 2020-06-28 16-00-49.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/513300/27dba5e2-cc3d-1aed-2849-330e140135c0.png)
![Screenshot from 2020-06-28 13-43-53.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/513300/7c1f9418-ef3b-3598-13e3-d3588753f635.png)
![Screenshot from 2020-06-28 13-44-03.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/513300/8e6991d5-02e7-b655-5ce2-683602737cf3.png)
ちなみに、日付設定にはカレンダーが使えます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/513300/efc52c25-d3ae-ead0-24c0-1e3582a1e878.png)

# カスタマイズ画面

- トップ画面に戻ってメニューボタンから「Edit」を選択します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/513300/ecadbc49-e439-4580-889e-5208441675b2.png)


- 編集画面では、テーブルが Spread Sheet のような形式で参照・編集できます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/513300/9648dff8-907f-a710-c66c-d84f1b401e44.png)

- それぞれのテーブルはこのような内容。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/513300/2d83880d-b007-99a0-2287-09ff8c806a7c.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/513300/1fbb8db1-2d97-7eae-eda9-0043c8aa6ed7.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/513300/27dfccc4-0376-f3bf-19ee-cab98f697c22.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/513300/a24dbf8c-3c78-2e40-f7a0-d98534853e29.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/513300/11c36b3e-3b3d-d8f8-a362-9a3ed5d4908c.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/513300/07b2fe8b-956c-b23d-348b-01ab6a0a9743.png)

- お次はアプリの画面設計
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/513300/ecde5328-2fc4-289c-f62a-96ea7136e1ed.png)

- Mobile 版と、 Web 版それぞれプレビューできる。こちらは Mobile版。
![Screenshot from 2020-06-28 13-30-19.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/513300/8ff513d3-b424-fc4e-29ca-edd385854546.png)

- こちらは Web版。
![Screenshot from 2020-06-28 13-32-17.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/513300/1c8591bf-ded3-e150-9be0-4c7168d5341e.png)

この画面で記述内容を修正したり、フォームを追加したり編集します。「My Tasks」「All Tasks」「Edit」「Add Task」いずれの画面も同様に編集できます。保存ボタンは特にありません。一通りお好みで編集したらトップ画面に戻ってアプリを開き、変更が反映されていることを確認するだけです。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/513300/871b6384-1441-29c2-99f8-122b3ba53f94.png)


# その次にやるべきこと
前述したとおり、テンプレートからアプリを作成する場合**特に編集せずともすぐに使える**状態になります。編集画面とか設計とか難しいことは後にしてまずは使ってみた方が習得は早そうです。

- 用意されているテンプレート11種類を作る。
- まずはデフォルトで使ってみる。
- サンプルで登録されているデータや機能よく見てみる。

すると、このサービスでできそうなことやユースケースが見えてくるような気がしてます。

# ありがとうございました
まだ触りはじめですが、ポテンシャルの高さを感じました。もう少し触ってみようと思います。