AWS駆け出しエンジニアがノーコードに触れてみた #JAWS-UG 四国クラウドお遍路(2022-1112)

AWSルーキーな私が、登壇することができた経緯と、単語すら知らなかったノーコードに「Amazon Honeycode」を活用して触れ、思ったこと感じたこと。

Transcript

1. 四国クラウドお遍路 2022-11-12 寺井 俊喜(テライ トシキ) AWS駆け出しエンジニアが ノーコードに触れてみた - Amazon Honeycode -
2. 目次 今日話すこと • 簡単に自己紹介 • 登壇することになった経緯 • 完成品の紹介 • Amazon Honeycodeで実際に作る • まとめ
3. 簡単に自己紹介 これまでの経歴を沿えて
4. 自己紹介 • 寺井 俊喜 (テライ トシキ) • 1993年生まれ • 2022年7月に娘が誕生 (※可愛い) 好き：音楽、猫、お酒、ゲーム、効率化 苦手：数学、パクチー、生魚
5. 経歴 ・NHK 某有名 歌番組に 出演 etc... (バックコーラスで) ~ 2 0 1 6 . 0 3 2 0 1 6 . 0 4 ー 2 0 2 1 . 0 3 2 0 2 1 . 0 4 ー 2 0 2 2 . 1 1 2 0 2 2 . 1 2 ~ 音 楽 関 係 専 門 学 校 職 業 訓 練 校 ( I T 関 連 ) 番 組 制 作 会 社 ( A D ) 通 信 回 線 代 理 店 ( 営 業 部 ) イ ン フ ラ 関 連 会 社 ( ア ー キ テ ク ト 課 ) • 効率化に目覚め IT業界に進む ことを決意 • ITについて 広く学ぶ (AWSを知る) • AWSの設計や構築 を担当する部署に 配属予定
6. 登壇することに なった経緯 気がつけばここに居た
7. JAWS DAYS 2022に参加 懇親会～三次会 まで入り浸る ヤ◦ダさん 「四国来る？」 ヤマ◦さん 「登壇デビューしよか！」 今ココ
8. 本当にノーコードで作りました 今回の完成品
9. デモで実行する手順 タ ブ 切 り 替 え ア プ リ ト ッ プ ペ ー ジ 個 別 詳 細 ペ ー ジ タ ス ク 追 加 ペ ー ジ イ ベ ン ト を 追 加 イ ベ ン ト 追 加 を 確 認
11. Amazon Honeycodeで 実際に作る めっちゃ簡単
12. 1.テンプレートアプリの作成 2.アプリのカスタマイズ 3.チームメンバーの追加・共有 4.アプリへの招待 5.アプリ上での動作確認 手順
13. (1/5). テンプレートアプリの作成 • Amazon Honeycode アカウント作成 • ログイン → トップページへ • [Create app] or [Get started] 「Hi Toshiki!」って海外の元気な感じ好き
14. (1/5). テンプレートアプリの作成 • テンプレートを選択 2022年11月現時点で 17個のテンプレートがある 「Event Planner」って楽しそうやん
15. (1/5). テンプレートアプリの作成 • アプリトップ画面へ • [EDIT SCREEN] から 編集画面へ え、もう基盤はできてる・・・？
16. (2/5). アプリのカスタマイズ[データ編集] • 編集したいエリアを選択 • データ編集のため [DATA]タブ[Event]を選択 GUI操作で直感的に分かりやすい！
17. (2/5). アプリのカスタマイズ[データ編集] • アプリ中のデータは スプレッドシートで管理 (追加・削除・編集が容易) データベースが要らない・・・だと・・・？
18. (2/5). アプリのカスタマイズ[データ反映の確認] • [DATA]タブの[Limit data]に =FILTER(Event,“Event[Date]>=TODAY()”) という組み込み関数 色々参考になるサイト https://honeycodecommunity.aws/t/h oneycode-functions/90 既にアプリとしての機能が成立してる・・・
19. (2/5). アプリのカスタマイズ[フィールドの追加] • 追加したいエリアの [Add Field]を選択 • 任意のフィールドを選択 • テーブルのデータや カラム名を調整 配置箇所が予め設定されているので レイアウトを気にしなくて良い！
20. (3/5). チームメンバーの追加・共有 • Honeycodeトップページ [TEAMS]欄にて 自身のチームを選択して [Add team member] 無料版でも20名までのチームを作れる！
21. (3/5). チームメンバーの追加・共有 • 追加メンバーの メールアドレスを入力 (カンマ区切りで複数指定可) • 適切な権限を設定 • 認証待ち状態で メンバーが追加される 権限をIAMみたいに設定できたらええのになぁ～
22. (3/5). チームメンバーの追加・共有 •届いた招待メールの [Accept Honeycode invite] から参加 （※招待を受けるメンバーも Honeycodeアカウントが必要です） 招待メールに「Congratulations!」 海外のノリ、良い
23. (4/5). アプリへの招待 • [My APPS]から[Share app] 招待するメンバーを 追加して[Update] アプリを使用するのにもHoneycodeアカウントが 必要なのはちょっと手間ですね。
24. (4/5). アプリへの招待 • 招待メールのリンクから アプリをダウンロードして Honeycodeアプリを開く 評価星５つ！
25. (5/5). アプリでの動作確認 • Honeycodeアカウント でログイン (2回目以降はFace ID使用可) • 先ほど作成した [Event Planner]を選択 自分で作ったアプリケーションを スマホアプリとして触れるって嬉しすぎる
26. (5/5). アプリでの動作確認 • 完了！ え、もう？？アプリができるまで早すぎる
27. 引用：https://www.honeycode.aws/pricing 補足：Amazon Honeycodeの料金 ここまでの内容は無料のBASICプランで利用できます！ PLUSプランからIAMが使えるみたいですね…！？
28. まとめ 10分って意外と短いですね
29. 1 データベースやサーバーの類が不要 Amazon Honeycode いいところ 2 プログラミングいらず(ノーコード!!) 3 スマホアプリが作れる 4 アプリの更新が即座に反映される 安い・早い・簡単
30. ご清聴ありがとうございました Honeycode触ったことある人 是非お話聞かせてください