Amazon Q CLI でゲームを作ろう Tシャツキャンペーン
https://aws.amazon.com/jp/blogs/news/build-games-with-amazon-q-cli-and-score-a-t-shirt/
急にTシャツが欲しくなったので、
「Amazon Q」と「PyGame」を触る良い機会だと思い、
それぞれのインストールから始め、最終的にゲームのできるまでをやってみました。
AWS Builder ID？
「AWS Builder ID」とは、
- 普段使っているAWSアカウントとは別物
- 普段のお買い物で使っているAmazonアカウントとも別物
- クレジットカード登録不要の『個人用アカウント』
というものになります。
「Skill Builder」や「Community.aws」、
そして今回の肝である「Amazon Q Developer」など、
無料で提供されている内のいくつかのサービスで使うことができます。
今回作るモノ
突然ですが、
「みん◯◯早押しクイズ」というスマホアプリにハマっています。
(ランクはA+とSを行ったり来たりなレベルですが…)
そこでは「フリーマッチ」として、ユーザーが自分で作った問題集を使い、
好きに部屋を立ててみんなに遊んでもらう機能があります。
「ゲームタイトル穴埋め問題」のような部屋もあり、よくお邪魔させていただいています。
その「ゲームタイトル穴埋め問題」を予習したいなと考え、
今回「Amazon Q Developer」くんに作ってもらいました。
環境作り～実際に作ってもらうまで
キャンペーンサイトの各Stepを参考に進めていきます。
Step1「AWS Builder ID」を作る
「Sign up with Builder ID」のボタンをクリック。
別途、アカウント作成の小窓が表示されるので、使用するメールアドレスを入力して次へ。
使用する名前を入力して次へ。
先ほど入力したメールアドレスに「認証コード」が届くので入力して次へ。
パスワードを設定して「AWS Builder IDを作成」をクリック。
小窓が再び「AWS Builder ID の作成」画面になるので、今度はサインインを実行。
すると小窓が閉じ、元のタブでサインイン状態となります。
「Claim your alias」とエイリアス(要はハンドルネーム)を聞かれるので、
お好みのを入力して「Claim」をクリック。
これで「AWS Builder ID」の準備が整いました！
Step2「Amazon Q CLI」「PyGame」のインストール
今さらですが、今回の作業環境は以下のとおりです。
- Windows11 + WSL(Ubuntu)
- Python3はインストール済み
- VSCode
また、Pythonはほぼ未履修状態です。
まずは「Amazon Q CLI」のインストールから。
リンク先のUbuntuの項目を参考にインストールを進める。
(今回はGUI環境ではないので「Installing with a zip file」を参考に進めました)
$ sudo apt-get update
$ sudo apt-get upgrade
$ ldd --version
# ldd (Ubuntu GLIBC 2.39-0ubuntu8.4) 2.39
$ curl --proto '=https' --tlsv1.2 -sSf "https://desktop-release.q.us-east-1.amazonaws.com/latest/q-x86_64-linux.zip" -o "q.zip"
$ unzip q.zip
$ ./q/install.sh
# 以降、選択肢は基本デフォルトで。
# Select login methodでは「Use for Free with Builder ID」を選択。
# 途中、ブラウザを介しての認証が入ります。
最後に「Logged in successfully」と表示されインストール完了。
一度ターミナルを抜け再度入り直すと
Amazon Q now supports AI-powered inline completions!
To disable run: q inline disable
と表示されました。
次はVSCode「Amazon Q」拡張機能をインストール。
Ctrl + Shift + Xで拡張機能を開き「Amazon Q」と入力。
続けて「インストール」をクリック。
完了するとVSCode右下に通知が届きサインインを求められるので、
「Personal account」を選択して「Continue」をクリック。
サイドバーに「AMAZON Q: LOGIN」が表示されるので、
「Personal account」を選択して「Continue」をクリック。
再びブラウザで認証を求められるので許可する。
認証が終わるとVSCodeでAmazon Qの「ようこそ」画面が開かれている。
最後に「PyGame」をインストール。
「Unix Binary Packages ＞ Debian/Ubuntu/Mint」の方法でインストール。
$ sudo apt-get install python3-pygame
$ python3
# 対話モードに入った後にインストール確認
$ >>> print(pygame.ver)
# 2.5.2
Step3 Amazon Qくんに頑張ってもらう
いよいよAmazon Qくんに丸投げお願いして作っていってもらいます。
VSCodeからCtrl + Shift + Pで「コマンドパレット」を開き「Amazon Q」を入力。
「Open Chat」を選択。
するとサイドバーにチャット欄が表示されるので、指示を出してみます。
手始めに…
PyGameで「ゲームタイトル穴埋め問題」アプリを作りたいです。
【画面構成】
・解答の制限時間(10秒)の「残り秒数のテキスト」「減少するプログレスバー」
・問題文テキスト(例：スーパー◯◯◯ブラザーズ)
・解答用ボタン
【要件定義】
・問題文表示と同時に制限時間のカウントダウン
・解答用ボタンを使い1文字ずつタップ(クリック)し解答を入力
・1度に表示させる解答用ボタンは「正解の1文字＋誤答用のダミー3文字」
・1文字をタップする事に「次の正解の1文字＋誤答用のダミー3文字」で切り替えて表示
・正解の文字列を全てタップできたら、でかでかと「正解！」のテキスト＋「丸線」を表示
・途中、誤答文字を1度でもタップしてしまったら「不正解…」のテキスト＋「バツ印」を表示
・以上を総問題数分繰り返す。
・全問題が終了したらリザルト画面に切り替え＋「再挑戦」「終わる」のテキスト表示
・問題用のゲームタイトルはGoogleスプレッドシートから読み込むか、コード内のJSONで管理する。
・もちろん出題される問題の順番はランダム
まずはこんな感じでチャットへ投げてみました
(コーヒーブレイク)
おお…？
おおお…？
おおおお！？
できちゃいました
早速実行してみます。
python3 main.py
文字化けしちゃいました
Amazon Qくんへ、追加でチャットを投げます。
・日本語が文字化けしちゃいました…
・制限時間のテキストは「小数点以下第二位」まで表示させたいです。
直りました
ここまでで自分が打ったコードは「 0文字 」です。
とりあえずゲームとして動くようにはなりましたが、
- 各種テキストが重なって表示されてしまう
- 制限時間が見切れてしまう
- 無解答でのタイムアップ時、真っ白になってしまい「再挑戦」も「終わる」も表示されない
という問題点があったので、さらにお願いします。
・各種テキストが重なって表示されてしまう
・制限時間が見切れてしまう
・無解答でのタイムアップ時に真っ白になってしまい「再挑戦」も「終わる」もひょうじされない
(「表示」を開いて「ひょうじ」としてしまったけど大丈夫でしょ…)
一晩どころか一瞬で直してくれました。
まだ細かい修正点は残っている状態ですが、自分用のアプリとしては十分な出来だと思います。
総評
Tシャツ欲しさから始まった「Amazon Q(とPyGame)」ですが、
指示以外では1文字も打たずに、ここまでのモノができちゃう時代なんですね。
アカウント作成から制作まで、順を追って行くだけで特に詰まるところもありませんでした。
今のところ、業務的に使う場面はないかもですが、
サンデープログラミングならぬ「サンデー指示出し」で色々と試してみたいです。
※もしかして
Ubuntuへの「Amazon Q」インストールは必要なかった…？？？
※心配事
「できるだけ革新的なゲームを作ってみてください」とあるけど大丈夫かな…
(2025年6月18日 時点でまだ応募をしていない状態)