$30 off During Our Annual Pro Sale. View Details »

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

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

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

Toshiki Terai

November 15, 2022
Tweet

More Decks by Toshiki Terai

Other Decks in Programming

Transcript

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

  9. デモで実行する手順














































    View Slide

  10. View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide