Slide 1

Slide 1 text

四国クラウドお遍路 2022-11-12 寺井 俊喜(テライ トシキ) AWS駆け出しエンジニアが ノーコードに触れてみた - Amazon Honeycode -

Slide 2

Slide 2 text

目次 今日話すこと • 簡単に自己紹介 • 登壇することになった経緯 • 完成品の紹介 • Amazon Honeycodeで実際に作る • まとめ

Slide 3

Slide 3 text

簡単に自己紹介 これまでの経歴を沿えて

Slide 4

Slide 4 text

自己紹介 • 寺井 俊喜 (テライ トシキ) • 1993年生まれ • 2022年7月に娘が誕生 (※可愛い) 好き:音楽、猫、お酒、ゲーム、効率化 苦手:数学、パクチー、生魚

Slide 5

Slide 5 text

経歴 ・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の設計や構築 を担当する部署に 配属予定

Slide 6

Slide 6 text

登壇することに なった経緯 気がつけばここに居た

Slide 7

Slide 7 text

JAWS DAYS 2022に参加 懇親会~三次会 まで入り浸る ヤ○ダさん 「四国来る?」 ヤマ○さん 「登壇デビューしよか!」 今ココ

Slide 8

Slide 8 text

本当にノーコードで作りました 今回の完成品

Slide 9

Slide 9 text

デモで実行する手順 タ ブ 切 り 替 え ア プ リ ト ッ プ ペ ー ジ 個 別 詳 細 ペ ー ジ タ ス ク 追 加 ペ ー ジ イ ベ ン ト を 追 加 イ ベ ン ト 追 加 を 確 認

Slide 10

Slide 10 text

No content

Slide 11

Slide 11 text

Amazon Honeycodeで 実際に作る めっちゃ簡単

Slide 12

Slide 12 text

1.テンプレートアプリの作成 2.アプリのカスタマイズ 3.チームメンバーの追加・共有 4.アプリへの招待 5.アプリ上での動作確認 手順

Slide 13

Slide 13 text

(1/5). テンプレートアプリの作成 • Amazon Honeycode アカウント作成 • ログイン → トップページへ • [Create app] or [Get started] 「Hi Toshiki!」って海外の元気な感じ好き

Slide 14

Slide 14 text

(1/5). テンプレートアプリの作成 • テンプレートを選択 2022年11月現時点で 17個のテンプレートがある 「Event Planner」って楽しそうやん

Slide 15

Slide 15 text

(1/5). テンプレートアプリの作成 • アプリトップ画面へ • [EDIT SCREEN] から 編集画面へ え、もう基盤はできてる・・・?

Slide 16

Slide 16 text

(2/5). アプリのカスタマイズ[データ編集] • 編集したいエリアを選択 • データ編集のため [DATA]タブ[Event]を選択 GUI操作で直感的に分かりやすい!

Slide 17

Slide 17 text

(2/5). アプリのカスタマイズ[データ編集] • アプリ中のデータは スプレッドシートで管理 (追加・削除・編集が容易) データベースが要らない・・・だと・・・?

Slide 18

Slide 18 text

(2/5). アプリのカスタマイズ[データ反映の確認] • [DATA]タブの[Limit data]に =FILTER(Event,“Event[Date]>=TODAY()”) という組み込み関数 色々参考になるサイト https://honeycodecommunity.aws/t/h oneycode-functions/90 既にアプリとしての機能が成立してる・・・

Slide 19

Slide 19 text

(2/5). アプリのカスタマイズ[フィールドの追加] • 追加したいエリアの [Add Field]を選択 • 任意のフィールドを選択 • テーブルのデータや カラム名を調整 配置箇所が予め設定されているので レイアウトを気にしなくて良い!

Slide 20

Slide 20 text

(3/5). チームメンバーの追加・共有 • Honeycodeトップページ [TEAMS]欄にて 自身のチームを選択して [Add team member] 無料版でも20名までのチームを作れる!

Slide 21

Slide 21 text

(3/5). チームメンバーの追加・共有 • 追加メンバーの メールアドレスを入力 (カンマ区切りで複数指定可) • 適切な権限を設定 • 認証待ち状態で メンバーが追加される 権限をIAMみたいに設定できたらええのになぁ~

Slide 22

Slide 22 text

(3/5). チームメンバーの追加・共有 •届いた招待メールの [Accept Honeycode invite] から参加 (※招待を受けるメンバーも Honeycodeアカウントが必要です) 招待メールに「Congratulations!」 海外のノリ、良い

Slide 23

Slide 23 text

(4/5). アプリへの招待 • [My APPS]から[Share app] 招待するメンバーを 追加して[Update] アプリを使用するのにもHoneycodeアカウントが 必要なのはちょっと手間ですね。

Slide 24

Slide 24 text

(4/5). アプリへの招待 • 招待メールのリンクから アプリをダウンロードして Honeycodeアプリを開く 評価星5つ!

Slide 25

Slide 25 text

(5/5). アプリでの動作確認 • Honeycodeアカウント でログイン (2回目以降はFace ID使用可) • 先ほど作成した [Event Planner]を選択 自分で作ったアプリケーションを スマホアプリとして触れるって嬉しすぎる

Slide 26

Slide 26 text

(5/5). アプリでの動作確認 • 完了! え、もう??アプリができるまで早すぎる

Slide 27

Slide 27 text

引用:https://www.honeycode.aws/pricing 補足:Amazon Honeycodeの料金 ここまでの内容は無料のBASICプランで利用できます! PLUSプランからIAMが使えるみたいですね…!?

Slide 28

Slide 28 text

まとめ 10分って意外と短いですね

Slide 29

Slide 29 text

1 データベースやサーバーの類が不要 Amazon Honeycode いいところ 2 プログラミングいらず(ノーコード!!) 3 スマホアプリが作れる 4 アプリの更新が即座に反映される 安い・早い・簡単

Slide 30

Slide 30 text

ご清聴ありがとうございました Honeycode触ったことある人 是非お話聞かせてください