AWS ハッカソン体験記~ゲーム開発で得られたAWSスキル紹介~

/ AWS ハッカソン体験記 ~ゲーム開発で得られたAWSスキル紹介~ 2025/02/04 Jr. Champions第7回目勉強会豊岡大地

/ /10 ―― 今回の内容 ―― 2  ハッカソンについて • devpost.com
AWS Game Builder Challenge ✓ 概要 Amazon Q Developer・生成AIのアシストを用いて、開発速度を向上させて、AWSサービスでゲーム開発をしてください ※1位の賞金は、$25,000！※ ✓ 提出物・Webホスティングをしていればゲームサイト・コードレポジトリ（パブリック）・生成AIをどのように用いたか [Optional] 動画、AWSフィードバック、AWS re:Postへのブログ投稿 AWSからAzure, GCP。公式～有志開催まで諸々揃ってました！

/ /10 ―― 今回の提出した内容 ―― 3  Python Game Library
(pyxel) ✓ 概要 WAFの気持ちになって、悪意のあるパケットをさばくシューティングゲームです笑（”Q”を自分で押さないと終わらないクソゲーです笑） ✓ 提出物（※皆さん、アクセスできます！）・DevPost https://devpost.com/software/packet-shooting-game ・サイト https://gameday.pmda01.com/index.html ・コードレポジトリ（パブリック） https://gitlab.com/Toyo-Daichi/hackathon_aws_gameBuilderChallenge ※GitLab Duo(with Amazon Q)を使いたかったものの、まだ SaaS版では使えませんでした。・生成AIをどのように用いたか Amazon Nova Canvasを用いて、キャラクター作成を模索 Amazon Qに質問をすることで、トラブルシューティングこんな感じで作れます！ 16x16 or 32x32

/ /10 ―― どんな感じで進めたか？ ―― 4  スケジュール • 公開日：2024/11/02
• 提出日：2025/01/15 提出日完成度 100% 0% 日程 12/18~20 12/23~28 12/30~1/3 1/6~10 1/13~1/15 1/15~1/17 Amazon Novaと格闘締め切りドリブン発動 Pythonのライブラリが Webホスティングだと限定されてるレコード登録だけして、アップデートを続ける裏技アーキ① アーキ② アーキ③ アーキ④ 本格始動は、色々あって2024/12/18から実施

/ /10 ―― アーキテクチャの遷移（1/4) ―― 5 Pub (255.0/24) AWS Cloud
ap-northeast-1 VPC (192.168.0.0/16) AZ-1 AZ-3 Aurora servreless Pub (254.0/24) • Webホスティングしない • DBがパブリック ⇒いけてないので、やっぱりWebホスティングしよう！

/ /10 ―― アーキテクチャの遷移（2/4) ―― 6 Pri (101.0/24) AWS Cloud
ap-northeast-1 VPC (192.168.0.0/16) Pub (192.168.255.0/24) AZ-1 AZ-3 Pub (192.168.253.0/24) Pub (192.168.254.0/24) Fargate Pri (192.168.1.0/24) Pri (192.168.2.0/24) Ex Application Load Balancer NAT Gateway Elastic Network Interface Elastic Network Interface ECS Task ECS Task Aurora servreless ECR Image scanning Pri (102.0/24) ここで突っかかります、、

ap-northeast-1 VPC (192.168.0.0/16) Pub (192.168.255.0/24) AZ-1 AZ-3 Pub (192.168.253.0/24) Pub (192.168.254.0/24) Fargate Pri (192.168.1.0/24) Pri (192.168.2.0/24) Ex Application Load Balancer NAT Gateway Elastic Network Interface Elastic Network Interface ECS Task ECS Task Aurora servreless ECR Image scanning Pri (102.0/24) 最近のPythonは、 HTMLタグでも動かすことができます！ Pyodideはブラウザ向けのPythonランタイムで、 Pyxelもウェブホスティング機能もこの方法で提供。 ※関連ワード ”WebAssembly” <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="https://cdn.jsdelivr.net/pyodide/v0.24.1/full/pyodide.js"></script> </head> <body> <script> async function main() { let pyodide = await loadPyodide(); const code = ` from datetime import datetime now = datetime.now() now.strftime("ただいま%Y年%m月%d日 %H時%M分%S秒です") `; window.alert(pyodide.runPython(code)); }; main(); </script> </body> </html> ここで突っかかります、、便利な一方、ライブラリが限定

/ /10 ―― アーキテクチャの遷移（3/4) ―― 7 Pri (3.0/24) Pri (101.0/24)
AWS Cloud ap-northeast-1 VPC (192.168.0.0/16) Pub (192.168.255.0/24) AZ-1 AZ-3 Pub (192.168.253.0/24) Pub (192.168.254.0/24) Fargate(Frontend) Pri (192.168.1.0/24) Pri (192.168.2.0/24) Ex Application Load Balancer NAT Gateway Elastic Network Interface Elastic Network Interface ECS Task ECS Task Aurora servreless ECR Image scanning Backend Pri (102.0/24) Pri (4.0/24) In Application Load Balancer Pri (5.0/24) Pri (6.0/24) ここで突っかかります、、

/ /10 ―― アーキテクチャの遷移（3/4) ―― 7 Pri (3.0/24) Pri (101.0/24)
AWS Cloud ap-northeast-1 VPC (192.168.0.0/16) Pub (192.168.255.0/24) AZ-1 AZ-3 Pub (192.168.253.0/24) Pub (192.168.254.0/24) Fargate(Frontend) Pri (192.168.1.0/24) Pri (192.168.2.0/24) Ex Application Load Balancer NAT Gateway Elastic Network Interface Elastic Network Interface ECS Task ECS Task Aurora servreless ECR Image scanning Backend Pri (102.0/24) Pri (4.0/24) In Application Load Balancer Pri (5.0/24) Pri (6.0/24) ここで突っかかります、、 ECSの異なるサービス間で通信をする場合は、名前解決を意識する必要があります。関連ワード：CloudMap

VPC (192.168.0.0/16) Pub (192.168.255.0/24) AZ-1 AZ-3 Pub (192.168.253.0/24) Pub (192.168.254.0/24) Ex Application Load Balancer NAT Gateway Elastic Network Interface Elastic Network Interface Aurora servreless ECR Image scanning Backend Pri (102.0/24) Pri (1.0/24) Pri (2.0/24) HTTPS ap-northeast-1 HTTPS • フロントエンドでは、pyxelをパッケージ化してしまえば静的ファイルになったのでS3 ホスティングにできた！

/ /10 ―― 細かいTips集 ―― 9 1. Amazon Aurora Serverless
v2でゼロキャパシティ―が提供されました！ ⇒バージョンによっては、最小キャパシティーが0.5のままなので注意が必要です。（最初のデフォルトパラメータのバージョンではゼロキャパシティーは使えませんでした） 2. Amazon Nova Canpassはすごいですが、細かい条件下*だと、それなりにスクリプト工夫してみも難しかったです *今回だと16x16 or 32x32 px)で描画してほしかった明らかに情報量が多い、、

/ /10 ―― 今回のハッカソンを得られたこと・最後に ―― • 普段業務で使わないサービスを積極的にアーキテクチャに採用できて理解度を深められた点 • 普段業務で関りが少ないメンバーと交流ができる点＋各々技術スタックを共有できた点 -
開発環境整備で気づいたTips ✓ メンバー毎のライブラリ整備が楽なように、開発環境EC2にSSH接続で潜って共同開発を検討 ⇒今回はアプリケーション描画が必要なもので、X11で転送する形になり、遅すぎた「ssh x11 forwarding 遅い」でたくさんヒットしたが、暗号化の設定代えても改善なし ✓ Pythonでもpoetryのパッケージマネージャーがあり、JS/TSみたいにpackage.jsonの感じで使えた！ AWSスキルの向上にはある程度の締め切りドリブンが必要だと思うので、ぜひAWS周りのハッカソンに挑戦してみてはいかがでしょうか？！チームメンバー足りない場合は、ぜひ声かけてください！笑 10

AWS ハッカソン体験記~ゲーム開発で得られたAWSスキル紹介~

AWS ハッカソン体験記~ゲーム開発で得られたAWSスキル紹介~

toyo-da01

More Decks by toyo-da01

Other Decks in Technology

Featured

Transcript

/ AWS ハッカソン体験記 ~ゲーム開発で得られたAWSスキル紹介~ 2025/02/04 Jr. Champions第7回目勉強会豊岡大地

/ /10 ―― 今回の内容 ―― 2  ハッカソンについて • devpost.com

/ /10 ―― 今回の提出した内容 ―― 3  Python Game Library

/ /10 ―― どんな感じで進めたか？ ―― 4  スケジュール • 公開日：2024/11/02

/ /10 ―― アーキテクチャの遷移（1/4) ―― 5 Pub (255.0/24) AWS Cloud

/ /10 ―― アーキテクチャの遷移（2/4) ―― 6 Pri (101.0/24) AWS Cloud

/ /10 ―― アーキテクチャの遷移（2/4) ―― 6 Pri (101.0/24) AWS Cloud

/ /10 ―― アーキテクチャの遷移（3/4) ―― 7 Pri (3.0/24) Pri (101.0/24)

/ /10 ―― アーキテクチャの遷移（3/4) ―― 7 Pri (3.0/24) Pri (101.0/24)

/ /10 ―― アーキテクチャの遷移（4/4) ―― 8 Pri (101.0/24) AWS Cloud

/ /10 ―― 細かいTips集 ―― 9 1. Amazon Aurora Serverless