AWS App Studio (Preview)は何分でアプリを作れるのか

Slide 1

Slide 1 text

AWS App Studio (Preview)は何分でアプリを作れるのか︖ 2024.07.13 SATOSHI KANEYASU

Slide 2

Slide 2 text

2 ⾃⼰紹介⽒名︓兼安聡所属︓株式会社サーバーワークスアプリケーションサービス部在住︓広島（フルリモート）担当︓DevOps、PM、SM 2024 Japan AWS Top Engineers (Database) 2024 Japan AWS All Certifications Engineers 認定スクラムマスター X︓@satoshi256kbyte

Slide 3

Slide 3 text

3 AWS App Studio (Preview)とは︖ AWS App Studioは"844VNNJU/FX:PSLͰൃද ͞Εͨ৽αʔϏεͰ͢ɻ "84"QQ4UVEJP 1SFWJFX ࣗવݴޠΛೖྗ͢Ε͹ੜ੒"*͕ΞϓϦΛ࡞ΔαʔϏεͰ͢ɻ 2024年7⽉現在Preview版で、オレゴンリージョンでのみ使⽤可能です。

Slide 4

Slide 4 text

4 今回のお話 AWS App Studio (Preview)は何分でアプリを作れるのか測ってみました。 AWS App Studio (Preview)に必要な、 AWS IAM Identity Center、 Amazon CodeCatalystの準備も時間に含めます。

Slide 5

Slide 5 text

5 早速やってみます早速やってみます、スタート

Slide 6

Slide 6 text

6 App Studioに必要な事前準備を確認 Amazon CodeCatalystが必要アプリ本体はCodeCatalyst上にできる模様 CodeCatalyst⽤にAWS ビルダー IDが必要 AWS ビルダー IDはAWSアカウントやIAMとは別物 AWS IAM Identity Centerが必要従って、AWS Organizationsも必要 IAM Identity CenterとOrganizations⾃体は無料ここまでで30分

Slide 7

Slide 7 text

7 AWS ビルダー IDとAmazon CodeCatalystを作成 AWS ビルダー IDは個⼈で完全新規のものを作成 CodeCatalystはスペースまででOK、プロジェクトは不要ここまでで45分リージョンはオレゴン AWSアカウントID⼊⼒⼊⼒したAWSアカウントに請求発⽣

Slide 8

Slide 8 text

8 AWS IAM Identity Centerの準備 AWSマネジメントコンソールをオレゴンにして操作 AWS Organizations・ AWS IAM Identity Center共に、個⼈アカウントで何の問題もなく作れます AWS Organizationsを作った状態で、 AWS IAM Identity Centerを開くと「有効化」と⾔うボタンが出るのでこれをクリック

Slide 9

Slide 9 text

9 AWS IAM Identity Centerでグループ・ユーザーを追加グループとユーザーを追加すればOK 追加したユーザーは作ったグループに所属させておきます許可セットは取り急ぎ不要ですここまでで90分

Slide 10

Slide 10 text

11 AWS App Studioを作成オレゴンでAWS App Studioを開いて開始

Slide 11

Slide 11 text

12 AWS App Studioを作成 AWS IAM Identity Centerで作ったグループを⼊⼒

Slide 12

Slide 12 text

13 AWS App Studioを作成 CodeCatalystのスペースを⼊⼒

Slide 13

Slide 13 text

14 AWS App Studioを作成作成は30分ほどかかります

Slide 14

Slide 14 text

15 AWS App Studioの作成完了しばらくして開き直すとApp Studioの画⾯に辿り着けます IdentityCenterで追加したユーザーでサインインしますここまでで130分

Slide 15

Slide 15 text

16 AWS App Studioでアプリケーションの作成 TOP画⾯下の⽅のCreate appをクリック

Slide 16

Slide 16 text

17 AWS App Studioでアプリケーションの作成 DB接続はSkipでOK

Slide 17

Slide 17 text

18 AWS App Studioでアプリケーションの作成プロンプトは⽇本語OK プロンプト⼊⼒エリアはEnterを押すとその時点でSubmitなので要注意

Slide 18

Slide 18 text

19 アプリケーション完成完成︕ここまでで180分

Slide 19

Slide 19 text

20 完成したアプリケーション

Slide 20

Slide 20 text

21 アプリ作成後に各種リソースを⾒てみるとぱっと⾒Amazon CodeCatalystには何もできていないスペースだけが必要な模様 DynamoDBテーブルが勝⼿にできてるような様⼦もない TOPの上の⽅にConnectorsというものがあり、これでDBリソースと繋げられるこれらを使うともっと⾯⽩いものが作れそう

Slide 21

Slide 21 text

22 S3にバケットはできているバケット名から察するにCDKが動いているかも今回の例だとバケットだけ出来ていて中⾝は空でした

Slide 22

Slide 22 text

23 最後に調べながらでも180分でアプリができました（個⼈の体験ですが・・・） AWS IAM Identity CenterとCodeCatalystが必要ということで構えたが、個⼈環境でも⽤意できるしそこまで⼿間ではありません DBリソースと繋げられて⾯⽩いことができそうなのでみんなで試していきましょう