5
4

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.

AWSインフラエンジニアでもスマホアプリを開発できるようになる Amazon Honeycode

Last updated at Posted at 2020-07-22

図解で、ローコードなアプリ開発(プログラミング言語で記述しないアプリ開発)AWS プレビュー編。

Microsoft PowerApps でPCとiPhoneでデータを共有できるアプリ開発ができることは「もうさ、社内アプリはPowerApps使って内作でいいんじゃない?」の記事にある通り確認した。さすがマイクロソフト、とビジュアルなエディタでアプリ開発を楽しんでいたのも束の間、2020年6月24日にAWSから見た目も、出来ることも、ほぼ同じ Amazon Honeycode がベータ版としてアナウンスされた。またか。もうさ、世界をオレンジ色で一色に染めるのそろそろ減速していいんじゃないかな。

Hoenycode って何?

  • Amazon Honeycode は、ビジネスアプリを簡単に作成できる。
  • PowerPoint でプレゼンテーションを作るようなスキルで作成できる。
  • 作成したアプリはクラウドに置き、PCやスマホで使える(iPhoneでも使える)。
  • まだプレビュー中(お試し期間)。

image.png

何ができたの?

  • CSVファイルからウィザード形式で「データ入出力アプリ」を1時間以内に作成できた。
  • iPhoneとPCで、同じデータを操作できた。
  • まだ本番運用には機能が少ない様に思うが、手軽にスマホアプリが動いた。

ログイン先が違う

いつものAWSマネージコンソールでは無く、<https://builder.honeycode.aws/auth/login
>からログインする。IDとパスワードもHoneycode用をサインアップする。完成したアプリもここからログインして利用できる。現時点のプレビュー版では。

最初に試したこと(データ入出力アプリ)

Amazon Honeycode がどんなものだか知らなかったので、とりあえず試しにiPhoneでデータ入力して、PCで閲覧できるアプリを作ってみた。無料プランのBASICをサインアップ(米国西部オレゴンリージョンを選びます[東京リージョンは未だ無い])

(1) 新規にExcelファイルを開いていい加減な表データを作成してCSV形式でファイルを保存。
(2) 作成したCSVファイルをインポートします(Amazon Drive に保存)。
(3) うーぷす。文字コード間違えたかな、インポートエラーが出てしまった。

image.png

(4) 調べる余裕なかったので英語ASCIIだけでCSVファイルを再作成してトライ。今度はSuccess!

image.png

(5) AWS オンラインドライブでワークシートを編集できた。何だかAWSでワークシートというのが新鮮。
(6) ここで、データカラムの属性を設定する。例えばA列の日付はカレンダー形式にする。

image.png

(7) いよいよ、アプリを作成するウィザードを実行する。

image.png

(8) ウィザード1頁め:データ一覧となるリストビューを作成する。
(8)-1. アプリで使うデータカラムを選ぶ(不要なカラムを削除する)
(8)-2. 画面見出し[Table1]を[サービスリクエスト]に変えてみる。

image.png

(9) ウィザード2頁め:レコードを編集する画面を作る。

image.png

(10) ウィザード3頁め:新規レコードを追加する画面を作る。

image.png

(11) ウィザード4頁め:最後のステップ。アプリの名前を決めたら、作成したアプリを試す。

image.png

アプリの動作確認(PC画面編)

ウィザードで作成したアプリをパソコンで起動する。テキストしかないのでしんみりした画面だけど、ちゃんと[+Add]ボタンを押して新規データを入力できたよ。インプットボックスは、ちゃんとカレンダーコントロールで日付入力ができる。

image.png

入力したデータを削除できるかな。[本当に削除していいですか?]の確認メッセージも無く、即削除された。これはウィザードになかったのでコード追加しなきゃダメかな。

image.png

いよいよアプリの動作確認(スマホ編)

Honeycode編集画面の左側にメニューがあって、Mobile と Web を切り替えるだけ。スマホビューが表示される。

image.png

実はここがポイント。Microsoft PowerApps同様に、[AppStore]で iPhone に、アプリ実行環境である[Amazon Honeycode] アプリをインストールする。

image.png

iPhoneでアプリを実行! たらーん 先ほど作ったアプリ1個(サービスリクエスト)のメニューが表示されている。タップする。試しにスマホで新規レコードを登録する。

image.png

今回できたこと。

iPhoneで追加したレコードは、パソコンのアプリでも同じレコードを閲覧することができた。プログラミング言語でのコード記述はゼロ。ノーコードでスマホアプリを作ることができた。あ、WEBブラウザアプリも同時に出来てた。これ、そのまま Microsoft PowerApps じゃないですか。Honeycode のUIコンポーネントは未だ少ないので地味な画面、例えばデフォルトで選べるアイコンは4個だけとか。

image.png

あれ? Honeycode Automation って何だ?

他にも機能があった。Automation だ。指定した日時やデータ追加/削除/変更などのイベントでアクションを実行できる様だ。試しに午後20:00になったらデータ複製とメール送信をしてみよう。時刻設定はUTC(英国時間)なので注意。

image.png

(1) 自動実行する時刻を設定して
(2) レコード(row)をテーブルに追加して2カラム記入して
(3) メールを送る。メール件名、メール本文を書いて...。

って、これも Micorsoft Automation そのままか。なんて分かりやすい。追加できる機能コンポーネントは未だ少ないのかな。

image.png

そして、時間になった

image.png

メールが届いた。「新しいデータが登録されたよ」

image.png

アプリで追加されたデータを確認したよ 設定間違えたかな。既存レコードが全て複製されたようだ、 }の部分。

image.png

まとめ

今回はプログラミング言語を1行も記述しないで、データ入力とデータ表示をする、WEBアプリとスマホアプリができた。つまり、プログラミング経験が無いインフラエンジニアでもスマホアプリを開発できるようになる時代がすぐに到来するような気がする。あ、違うな。サーバーOSを用意しないでアプリが動くんだからインフラエンジニアの仕事無くなっちゃうのかな...。
もう少し Amazon Honeycode で何ができるのか試してみたいけど、今、本当に使うアプリを作るなら機能が豊富な PowerAppsだよね。だけどAWSの機能拡張スピードすごいから今後も動向をウォッチしようと思う。

Microsoft AWS Google OracleCloud
One Drive Amazon Drive Google Drive
Excel Amazon Workbook Google SpreadSheet
Microsoft PowerApps Amazon Honeycode Google App Maker Oracle Visual Builder
Power Automate(旧Flow) Honeycode Automation Flow by TIE Kinetix
5
4
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
5
4

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?