子供の頃に剣道をやっていて、運動不足の最近になってまたやりたくなってきたが、近所に大人が剣道できる場所もなく・・・とか思いながら、具体的なアイデアは無いまま、雑に「剣道の試合をするゲームを作成してください」とCopilotに頼んだら、じゃんけんゲームの剣道版ができた。
画像追加も依頼したが、Copilotでは期待するような画像を作成できず、終いには今月の無料枠も使い切ってしまったため、画像はChatGPTで作成し、画像表示や勝ち負け判定など、仕上げは自分で実装した。
現時点では、Copilotが実装した防御はそのまま残しているが、ゲーム上意味のあるものになっていないので、今後、気力ゲージなどを追加してゲーム性をもっと高めてみたい。
剣道：https://sub-rinevo.ssl-lolipop.jp/Kendo/
GitHub：https://github.com/rinevo/Kendo
そろそろ個人でも、何らかのAIを有償利用してもいいかもしれない。
忘れないようにメモ
１．GitHubで「new repository」
２．プッシュするファイルがあるフォルダで右クリックして「Git Create repository here…」
３．フォルダを右クリックして「TortoiseGit＞Add」、リポジトリに登録するファイルを選択して「OK」
４．フォルダを右クリックして「TortoiseGit＞Commit」
５．フォルダを右クリックして「TortoiseGit＞Push」
６．「Arbitrary URL」に１で作成したリポジトリのHTTPSを入力して「OK」
調子に乗って、シンプルなブラックジャックも開発してみました。
開発した際のプロンプト（チャット）は次の通り。
トランプの画像を作成するのに手間取りましたが、ブラックジャック自体は初期段階でゲームとして遊べる状態だったので、スコアを追加して、少し調整したら、ひとまず完成しました。
・HTMLとJavaScriptでトランプゲームを作成したいと思います。まずはトランプの全カードについて画像を作成してください
・トランプカードの画像について、文字を２倍の大きさにしてください。
・中央に表示している記号の表示位置が少し上側に寄っているので、中央表示にしてください
・まだ少し上に寄っています。中央に表示している円の中央に記号が表示されるようにしてください
・今度は下に寄りすぎです。もう少し上に移動してください。
・ハート以外のカードについて、記号をもう少し上に移動してください
・ジョーカーのカードも作成してください
・HTML表示にジョーカーも含めてください
・ジョーカーは、左上、右下のJや絵は削除してください
・ジョーカーは、中央にイラストとJOKERの文字だけにしてください
・修正前のイラストを表示してください
・ジョーカーは中央の円を消してください
・ジョーカーは、左上と右下にあるJの文字は消してください
・カード裏面の画像も作成してください
・HTMLに裏面カードも表示してください
・裏面カードの円は消してください
・裏面カードの線が赤色のカードは削除してください
・作成したトランプの画像を使って、HTMLとJavaScriptで、トランプのブラックジャックのゲームを作成してください
・スコア表示を追加してください
・プレイヤーがヒットしたときにバーストすると、ディーラーの勝ち点が加算されません。加算されるようにしてください
・ボタンは画面下部に移動してください
・カード裏面は、黒線のあるカードを使ってください
・JavaScriptをHTMLファイルから分離してjsファイルにしてください
・cssをHTMLから分離してcssファイルにしてください
・README.mdファイルを作成してください
・画面上部にラベル「rinevo.com」リンク「https://rinevo.com」のリンクを表示してください
・ブラックジャックの枠内にリンクを表示してください
開発したゲームは公開しましたので、遊んでみてください。
ブラックジャック：https://sub-rinevo.ssl-lolipop.jp/Blackjack/
仕事でもネット検索やExcelやWordを使う感覚で日常的にAIを利用するようになってきました。
仕事では会社のほうで法人契約した別のAIを使っていますが、Github Copilotならば無料で利用できるようなので、個人的にも試してみようということで「じゃんけんゲーム」を開発してみました。
結果、VSCodeの拡張機能「GitHub Copilot Chat（https://marketplace.visualstudio.com/items?itemName=GitHub.copilot-chat）」を使い、チャット操作で簡単にできてしまいました。
プログラム知識ゼロでも開発できるというのも頷けます。
チャットで投稿した内容は、次の内容だけ、私のほうでソースコードを変更したのはHTMLのタイトルのみです。
・HTMLとJavaScriptで、じゃんけんゲームを作成してください
・じゃんけんをする手のアニメーションを追加してください
・画面上で「コンピュータ」を上、「あなた」を下に表示して、グー、チョキ、パーの選択も画面の下側に表示してください
・「コンピュータ」と「あなた」の手の表示を画面中央に近づけて表示してください
・手のアニメーションを２倍の大きさにしてください
・手を更に２倍の大きさにしてください
・選択ボタンの並びは、グー、チョキ、パーにしてください
・下部の対戦履歴の表示は消してください
・スコアの表示を目立つようにしてください
・スコア表示の大きさを２倍にしてください
・画面上部にラベル「rinevo.com」リンク「http://rinevo.com」のリンクを表示してください
開発したゲームは公開しましたので、遊んでみてください。
じゃんけんゲーム：https://sub-rinevo.ssl-lolipop.jp/JankenGame/
