3
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

Amazon Q CLIで子供の頃好きだったパズルゲーム作った🧩

Last updated at Posted at 2025-06-21

Tシャツもらえるキャンペーンが6月末まで延長中

Amazon Q CLIでゲーム作って応募すると。Tシャツもらえるキャンペーンが延長されていたので、ゲーム作ってみました。

子供の頃よくやったスライドパズルゲーム

作ったアプリはこんな感じの仕上がり。

game2.gif

ここから実際に遊べます。

リポジトリはこちら

ゲームの流れ

ゲームはランダムで出題されるアイコンのスライドパネルを作るところから始まります。

スクリーンショット 2025-06-22 0.04.39.png

作り終わるとアイコンのサービス名を当てるゲームと切り替わります。

スクリーンショット 2025-06-22 0.05.46.png

なんやこのアイコン。。。

スクリーンショット 2025-06-22 0.05.59.png

正解したようです。

結構面白いのでぜひ遊んでみてください

プロンプト

ブラウザで動くゲームを作りたい。
ゲームはAWSのサービスアイコンを利用したスライドパズル。
スライドパズルをクリアすると。そのアイコンのサービス名を答える4択問題がでてきて正解するまでの速度を競うゲーム。

ゲームはWebブラウザで動くようにしたいので。
html、javascript、cssのシンプルなものにしたい

アイコンはservice-iconsの中にsvgがあるのでそれをassetの中に集めてそれを参考にするようにしてください。
Svgのアイコン全て利用してください。

基本こんな感じ。あとは適当にやりたいことを伝えるだけで完成。

特に面白かったのは、AWSのアイコンセットからサービス名の推測や選択の答えなのど勝手に作ってくれたこと。

まとめ

CLIが何度かクラッシュしてMacのターミナルが起動しなくなったり焦りましたが。1~2時間で簡単に思い描くゲームをつくれました。こどものころ欲しかったゲームや懐かしいゲームを簡単に作って遊べるのはすごいです。

3
1
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
3
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?