概要
生成AIで、シンプルなCPUシミュレーターを作成してみました。
とりあえず同じプロンプトで各AIにCPUシミュレーターの企画を依頼して、実装まで進めると実行可能なCPUシミュレーターが出来上がります。
特に詳細を指定しなくても、CPUの命令セットやシミュレーター構成を作ってくれます。
作成の流れとプロンプト
今回は、各AIに同じプロンプトでCPUシミュレーターの企画を依頼し、その後、ブラウザーで動作する形で実装してもらいました。
基本的には、生成されたHTML / CSS / JavaScriptをそのまま実行し、大きな仕様変更やデザイン調整は行わずに比較しています。
そのため、この記事の評価は「細かく指示して作り込んだ結果」ではなく、「最初に近い出力でどのような違いが出るか」を見るものです。
8bit CPU の動作シミュレーションを行うプログラム作成企画を
・ブラウザー上で動作
・計算のしくみが目でみえるしくみ
・速度調整機能
比較評価
最初の指示で作成したものの評価なので、デザイン・仕様などの細かな指示を行えば、各AIとも問題なくブラッシュアップできると思います。
使い方としては、気に入ったシミュレーターをベースに使いやすく機能追加するとよさそうです。
なお、各AIには同じ内容の依頼をしていますが、実装時の回答内容に合わせて次の指示を出しているため、完全に同一条件のベンチマークではありません。
| 評価項目 | Claude | ChatGPT | Gemini |
|---|---|---|---|
| デザイン | ドット絵風で個性的 | すっきり・見やすい | シンプル・機能的 |
| 画面収まり | 少し縦長 | 少し縦長 | ちょうど良い |
| 命令の可視化 | 実行中の命令を表示 | 実行中の命令を表示 | 実行ログを表示 |
| サンプル数 | 3パターン | 3パターン | 1パターン |
| 初学者向けのわかりやすさ | 見た目が楽しい | バランスが良い | ログで追いやすい |
| 改善が必要な点 | 画面サイズ調整 | 画面サイズ調整 | サンプル不足 |
Claude
- タイトルが 8bit に寄せてドット文字
- 少し縦長で、標準ズーム倍率だと少しはみ出る
- 実行中の命令を表示
- サンプルコード選択3パターン
ChatGPT
- デザインは、すっきりしてわかりやすい
- 少し縦長で、標準ズーム倍率だと少しはみ出る
- 実行中の命令を表示
- サンプルコード3パターン
Gemini
- デザインは、すっきりしてわかりやすい
- 標準ズーム倍率で、ちょうどよい
- 実行した命令をログ表示
- サンプルコード1パターン
まとめ
同じプロンプトでも、生成AIごとにかなり違うCPUシミュレーターが作成されました。
Claudeはレトロな雰囲気のあるデザインで、見た目に個性がありました。
ChatGPTは全体的に整理されたUIで、情報が見やすい構成でした。
Geminiは画面収まりがよく、実行ログによって処理の流れを追いやすい印象でした。
一方で、最初の出力だけでは画面サイズやサンプル数などに差が出るため、実用的に使うには追加指示による調整が必要です。
今回試した範囲では、生成AIはCPUシミュレーターのような教育用ツールのたたき台作成にかなり有効だと感じました。