[Amazon Q CLI] チャット指示だけで神経衰弱ブロック崩しゲームを作ってみた

brew install amazon-q

q chat

touch spec1.md

# 神経衰弱ゲームの初期仕様

## 神経衰弱とは

- カードを裏面にして、場に並べます
- カードを2枚ずつめくります。
- カードの表面の文字やイラストが同じなら、ペアです
- ペアになったカードは表面を維持します
- ペア以外の場合は、カードを裏に戻します
- これを繰り返し、すべてのカードを取得します

## 今回の神経衰弱の仕様

- カードは、全8枚です（4つのペア）
- カード表面には、次の文字が記載されています。
  - あ
  - お
  - ぬ
  - め

## ゲームの仕様

- HTMLで動作すること
- 3つのファイルに分離すること
  - HTMLファイル
  - JavaScriptファイル
  - CSSファイル

ゲームを作ってください。spec1.mdに仕様が書いてあるので、従ってください。

index.htmlをブラウザで開いてください

gitにコミットしてください。

touch spec2.md

# 神経衰弱ゲームの仕様2

難易度を選択できるようにしてください。

- かんたん
- 普通
- 難しい

カード表面の文字は、難易度によって変えてください。

## かんたん

- あ
- お
- ぬ
- め

## 普通

- ソ
- ン
- ㇱ
- ツ

## 難しい

- ‐ (HYPHEN)
- - (HYPHEN-MINUS)
- ‑ (NON-BREAKING HYPHEN)
- ⁃ (HYPHEN BULLET)

なお、カッコ部分はカードに含めないでください。ハイフンの記号のみをカードに記載してください。

ゲームを更新しましょう。spec2.mdに仕様が書いてあるので、従ってください。

ゲームファイルをgitにコミットしてください。

touch spec3.md

# 神経衰弱ゲームの仕様3

点数を表示できるようにしてください。

## 点数の仕様

- 1ペアで1点を基本とする
- ペアを連続で見つけると、獲得点数が前回の倍になる
  - 1回目: 1点
  - 2回目: 2点
  - 3回目: 4点
  - 4回目: 8点
- ペアを連続で見つけれなかった場合、連続得点をリセットし、次回の獲得を1点とする

ゲームを更新しましょう。spec3.mdに仕様が書いてあるので、従ってください。

touch spec4.md

# 神経衰弱ゲームの仕様4

ペアを選択した回数を表示してください。

ゲームを更新しましょう。spec4.mdに仕様が書いてあるので、従ってください。

touch spec5.md

# 神経衰弱ゲームの仕様5

「難易度:難しい」は、ペアを正解すると、ハイフンの名称をカードに表示してください。

ゲームを更新しましょう。spec5.mdに仕様が書いてあるので、従ってください。

touch spec6.md

# 神経衰弱ゲームの仕様6

各難易度について、ゲーム開始時からの経過時間を表示してください。

すべてのペアが揃った時点で、経過時間の計測を終了してください。

ゲームを更新しましょう。spec6.mdに仕様が書いてあるので、従ってください。

touch spec7.md

# 神経衰弱ゲームの仕様7

地獄モードを追加してください。

## 地獄モード

- それぞれの難易度ごとに、地獄モードを選択できる
- 地獄モードは、神経衰弱にブロック崩しを取り入れたゲームである
  - ブロックの代わりに神経衰弱のカードを表示する
  - カードは、すべて横1列に並んでいる
  - ボールがカードにあたったとき、カードを表面にする
  - 他のルールは神経衰弱と同じである
  - ボールの初期数は、難易度で異なる
    - かんたん： 5個
    - 普通： 4個
    - 難しい: 3個

ゲームを更新しましょう。spec7.mdに仕様が書いてあるので、従ってください。

touch spec8.md

# 神経衰弱ゲームの仕様8

地獄モードを更新します。

## 地獄モード

- ボールは、1度に1個を扱う
- ボールのストック数は、下記とする
  - かんたん： 5個
  - 普通： 4個
  - 難しい: 3個
- 操作できるボールが0個になったとき、ゲームを終了する

- カードは、全8枚を横1列に並べる

ゲームを更新しましょう。spec8.mdに仕様が書いてあるので、従ってください。

touch spec9.md

# 神経衰弱ゲームの仕様9

ゲームフレームワーク「phaser.io」を利用して、ゲームのクオリティをもっと高めましょう。

- phaser.ioを利用する
- 最初から作り直す
- 今までの spec1.md 〜 step8.md の内容を順番に実装する

ゲームを更新しましょう。spec9.mdに仕様が書いてあるので、従ってください。

「難しい」モードでハイフンの名称を表示していますが、カードからはみ出ています。フォントサイズを小さくしたり、改行するなどをして、カードからはみ出さないようにしてください。

「難しい」モードでハイフンの名称を表示していますが、まだテキストが少しだけはみ出ています。フォントサイズを少し小さくしてください。

「難しい」モードでハイフンの名称を表示していますが、カードが表面になったとき、ハイフンが左寄せになっています。中央寄せにしてください。

> /usage

Current context window (86520 of 200k tokens used)
|████████████████████████████████████████████████████████████████████████████████ 43.26%

█ Context files: ~220 tokens (0.11%)
█ Q responses:   ~74660 tokens (37.33%)
█ Your prompts:  ~11640 tokens (5.82%)

💡 Pro Tips:
Run /compact to replace the conversation history with its summary
Run /clear to erase the entire chat history
Run /context show to see tokens per context file