Fleet ManagerでハマりつつAmazon Q CLI でゲームを作る。


# はじめに.

以下の記事からEC2上で、環境作成からプログラムの実行まで実施してみましたので
記載してみようと思います。本記事では、Winodws環境にAmazon Q CLIを導入する
STEP2部分から実施します。

Amazon Q CLI でゲームを作ろう Tシャツキャンペーン

https://aws.amazon.com/jp/blogs/news/build-games-with-amazon-q-cli-and-score-a-t-shirt/

***

# 前提：
・EC2は、AWS上に作成されている
・EC2上から443ポートが解放されており、インターネット環境にアクセスできる
・EC2は、WindowsServer2025
・AWS Builder IDは登録済み

***

# 0.Freet MangaerでのEC2 接続時の注意

Fleet Managerでは、どうやら日本語入力ができないらしく、日本語にて入力を行いたいときは、作業端末側で、日本語をコピー＆ペーストして入力するしかない。いきなりはまりました。
本手順では、Amazon Q CLI での入力に、日本語を利用したい場合は、コピー&ペーストで対応することします。


***



# 1.WSLの有効化

### １.コマンドプロンプトにて以下のコマンドを実行する。
　 デフォルトであるとバージョン２が選択されており、EC2上であると有効化できないそのためバージョン１にセットアップを行う。

    wsl --install --enable-wsl1 --no-launch

実行結果
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4068079/2fa15160-6ff7-4abe-a0dc-71f0f4b3741e.png)

### 2.OSから再起動する。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4068079/1f21b3ce-27cc-44a4-bb6e-09910fc51b25.png)

### 3.再起動後、コマンドプロンプトより以下のコマンドを実行する。
　デフォルトをwslのバージョン１にする
 
    wsl --set-default-version 1

実行結果
    
 ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4068079/61456d7e-1994-4080-9b90-f06534ac070f.png)

### 4.以下のコマンドを実行し、Linux環境をセットアップする。

    wsl --install

途中以下のように、現在のユーザとLinux環境の紐づけを行う。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4068079/71156ef0-1470-4965-a7d2-da7694398600.png)

２回パスワードを入力

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4068079/342409a3-c52f-4c5a-a550-fd571a46786c.png)

以下のように成功すればOK

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4068079/d4264fd5-2bb4-4421-88b5-bae1c278fb90.png)

成功のあとにErrorが表示される場合がありますが、本手順では対処不要

***

# 2.Amazon Q CLI のダウンロードとセットアップ

### 1.コマンドプロプトにて、以下を入力し、切り替えを行う。

    wsl

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4068079/2fe6ac8e-8115-4e33-98e3-fb5aa48130bb.png)

以下のように切り替えが完了すればOK

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4068079/41861aaf-9d59-4967-afce-4f796b727fe2.png)

### 2.以下のコマンドを実行し、unzipをインストールする。
パスワード入力を求められたら先ほど入力したパスワードを入力する。

    sudo apt install unzip
    
### 3.以下のコマンドを入力して、Q CLIのモジュールをダウンロードする。

    curl --proto '=https' --tlsv1.2 -sSf https://desktop-release.codewhisperer.us-east-1.amazonaws.com/latest/q-x86_64-linux-musl.zip -o q.zip

lsを実行し、q.zipがダウンロードされていればOK

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4068079/5a283aee-950f-4b60-83e5-aa715b7172c5.png)

### 4.以下のコマンドを実行し、q.zipを解凍する。

    sudo unzip q.zip

以下のように解凍が成功すればOK

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4068079/9d514080-b8b0-404c-8420-5e50b55ce433.png)


### 5.以下のコマンドを実行し、ディレクトリを移動する。

    cd q
    
### 6.以下のコマンドを実行し、権限を変更する。

    sudo chmod +x install.sh

### 7.以下のコマンドを実行し、qのインストールを行う。

    ./install.sh

### 8.以下のように表示されるためYesにてEnterキーを押す。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4068079/e34305cc-8dcc-468f-9231-8ff208989d73.png)

### 9.以下のように表示されるため上の選択しにてEnterキーを押す。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4068079/8ef7376b-b0f8-4ab6-b5e2-739619e1302e.png)

以下のようにURLが表示されるめ、ブラウザ上にURLを入力する。
白塗り部分は、ユーザごと異なる。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4068079/b6c6b783-194c-4b7a-84c4-b218f05bba14.png)

以下のように、ログインを求められるため、事前に入手しておいたBuilder IDを入力する。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4068079/b23a7a1f-14cb-4325-9425-18d2d3a4fa04.png)

ログイン後、確認して続行をクリックする。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4068079/745c3a01-440c-45a9-ad77-9d67b7dd55be.png)

続けて、アクセスを許可をクリックする。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4068079/39617aab-c892-4bfa-bbfa-005dc57b1cc0.png)

以下のようにリクエストが承認されればOK

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4068079/b0fcbda3-e24c-4535-84d1-4fe62e35beda.png)

リクエスト後、以下のように成功していればOK

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4068079/92009b8f-0e13-464d-9632-7ee346ed82a8.png)

OSより一旦、再起動を行う。


***

# 3. Qの起動

再起動後、コマンドプロンプトを立ち上げ、wsl →　q　の順に入力し、以下のように初期画面が表示されればOK。Amazon Q CLIは、このまま利用できます。後続の手順で、PythonとPythonベースのゲームが作成できるライブラリの手順を記載します。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4068079/145ec324-8f73-48dc-84e4-e91f4e48002d.png)


****

# 4. Python、PYGAMEのセットアップ

### 1.Pyhonをダウンロードする。

以下にてWindows版のPythonをダウンロードする。
https://www.python.org/downloads/

### 2.Pyhonをインストールする。

インストーラーをダブルクリックし、赤枠内の２つにチェックボックスにチェックを入れ、「InstallNow」をクリックする。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4068079/f2805379-57d4-42de-b8b1-817f34813a4b.png)

以下のように成功すればOK

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4068079/c5f7d292-4a54-4c7a-8fc9-d3063ea42047.png)

一度、再起動を行う。

****

# 5.PYGAMEの導入

### 1.再起動後、コマンドプロンプトで以下のコマンドを入力する。

    py -m pip install -U pygame --user

以下のように成功すればOK

実行結果
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4068079/ffc3f3d1-c7c4-41dc-ac1d-a66ee66b181e.png)

****

# 6.Amazon Q CLI をつかってGAMEを作る

私は、以下をお願いしてQと対話しながらゲームづくりをしていました。

・日本語で会話してほしいとお願い
・PYGAMEで動くゲームをつくってほしい
・ファイルは表示でなく出力してほしい。

出来たのが以下

・カメラ付きPCで起動するとパンチの動きを検知して、敵を倒していく体感型アクションゲーム
・敵の部分は、任意の画像を埋め込み可能。（ストレス発散にも使えると思う。。）

 コードなど
  https://github.com/kuma676717/punch

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4068079/42494795-61a1-437e-82e7-1496771b60a1.png)