はじめに
こんにちは！もうすぐクリスマスですね。
せっかくのクリスマスシーズンなので、指先でクリスマスを感じられるようなミニゲームを作ってみました。
今回は、AIと一緒に開発したので、その制作過程を少し書きます。
作ったもの
ベルトコンベアで流れてくるおもちゃをクリックして袋につめていく作業ゲーです。
公開URL: https://unt-nakaji.github.io/xmas2025/index.html
開発のプロセス
1. Gemini：企画・アイデア出しの相談役
叩き台作りは Gemini に相談しました。
条件：
クリックで遊べる簡単なサイトをReactで作りたい。
題材はクリスマス、サンタ、おもちゃを詰め込む
App.jsの雛形をざっと出してもらい
1回目でこんな感じのビューができあがりました。
2. Claude cade：実装とブラッシュアップ
Claude cadeと一緒にコードを調整していきました。
SCSSは少し思考力が弱いのかな…ざっくりとlinterのエラーを解決してほしいというだけではダメで
具体的な解決方法をちまちま指示しないと上手くいきませんでした。
linterのエラーはerror-report.mdとして優先順位をつけて書き出してもらいました。
3.素材
クリスマスソング
10分くらいガレッジバンドを触って打ち込んで書き出しました。
ここはアナログで終わらせてしまいましたが、一番AIに手伝ってもらいやすかったかも…？
イラスト
30分くらいボールペンとPhotoshopで。
感想
AIと協力することで、自分がやりたいこと（今回でいうとイラストを描くであったり、音を作るだったり）に使う時間の割合を増やしていけると感じたので、CLAUDE.mdや仕様書など細かく指示していけるようになりたいと思いました。
以上です。
皆様も、良いクリスマスを！