0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

キャンペーンに挑戦!Amazon Q CLI でゲームを作ろう

0
Posted at

記事執筆時点で、最終日というラスト駆け込みになりますが、以下のキャンペーンに挑戦してみました。
Amazon Q CLI でゲームを作ろう Tシャツキャンペーン (好評につき期間延長!)

※ゲーム作成の参考に某有名ゲームをイメージしてプロンプトを入力しています。

AWS Builder IDの取得

先日参加したAWS Summit Japan 2025の会場で登録キャンペーンを実施していたため、個人用で作成しました。
冒頭の記事内のURLからも作成可能です。
Do more with AWS Builder ID

Amazon Q CLIのインストール

同様に記事内のURLを参考にAmazon Q CLIをインストールします。
今回はLinux環境で実施しました。
#Windows版インストール手順を実施するを確認するとわかりますが、Windows環境の場合はWSLを使用してAmazon Q CLIを実行するため、WSLを使用できるようにする必要があります。

Essential guide to installing Amazon Q Developer CLI on Linux
The essential guide to installing Amazon Q Developer CLI on Windows

image.png

Let's ゲーム作成

以下のプロンプトを入力してみます。

ランダムな色のブロックが落下してきて、同じ色が4つ連結すると削除されるパズルゲームを作成してください。

image.png

HTMLとJavaScriptを使用したゲームを作成してくれました。
生成内容を確認して、出力内容に従ってファイルを保存します。
image.png

ローカルのブラウザで起動する
image.png

遊んでみる
image.png

なぜか、落下させたブロック(3つ)が見切れてしまっています。これを修正してもらいます。
また、同じようなブロックばかり落下してくるので、落下してくるブロックの種類も増やしてみます。
image.png

ブロックが落下したときに、画面の最下部が見えていません。修正してください。また、ブロックの形状の種類を4つ増やしてください。

image.png

見えるようになりました。ちゃんと修正されています。
image.png

もう少し改造すればもっと作り込めそうです。
Amazon Q CLIすごいですね。生成AIの活用ももっとしていきたいと思いました。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?