AIはルーレットが苦手らしい / AI seems to struggle with roulette

AIはルーレットが苦手らしい 2025.08.29 第3回札幌すごいAI会 by @oika

自己紹介 Akio Akasaka (@oika) 文系 Programmer C# & TypeScript Lover
Remote Worker (東京) Switch 2 Holder

誕生日プレゼントをルーレットで決めました Vibe Coding with Claude Code (Sonnet 4)

なんかめっちゃ苦戦した単機能のアプリ開発はAIの得意分野だと思っていたのに・・。

ルーレットのレイアウトは難しいらしい Claude Sonnet だけの特徴？？

ワンショットチャレンジ html/css/javascript で、webアプリとして動作するシンプルなルーレットを作成してください。 * 円を扇形に区切ったスタイルのもの * 各項目は、円の中心から外側に向かって縦書きで表示 * 項目は以下 *
アメリカ * オーストラリア * ニュージーランド * ドイツ * フランス * ノルウェー * 日本

Sonnet 4 (Claude Code)

Gemini 2.5 pro

GPT5 (Chat GPT) （自動で思考モードになった）一見悪くないが・・ https://chatgpt.com/canvas/shared/68b2566cf14c8191bea70fb01c20aa84

画像見本ならどうか

Sonnet 4 (Claude Code) 国立遊園ユニバ制覇？

Gemini 2.5 pro 横書きではあるが割と良い

GPT5 (Chat GPT) 左：思考なし右：思考モード

その他検証1：ヒントを与える「CSSの縦書きには writing-mode: vertical-rl を使ってください」の1文を追加

その他検証2：ultrathink Claude Code のプロンプトに「ultrathink」を含め、深い思考モードに

結論：ワンショットでは難しいうまくいくまで粘りましょう表示結果のキャプチャをとってフィードバックするハマってしまったときは、担当者を交代してみる > ルーレット盤に、各項目のテキストを、円の中心から外側に向かって縦書きで、扇型の区画に収まるように表示したい。\ 前任者はこれを達成できず、現在はレイアウトが乱れた状態です（ C:/path/to/image.png ）\ あなたならできるはず。現在の実装を確認し、レイアウトを修正してください。\
必要があれば実装方法を大きく変えてもかまいません。

まとめ縦書きのルーレットは、AIモデルのUI実装能力の良いベンチマークになるかも Vibeコーディングには忍耐力が必要

ありがとうございました

AIはルーレットが苦手らしい / AI seems to struggle with roul...

AIはルーレットが苦手らしい / AI seems to struggle with roulette

oika

More Decks by oika

Other Decks in Technology

Featured

Transcript