はじめに

ここ数年、ひろゆき氏による「それってあなたの感想ですよね？」「なんかそういうデータあるんですか？」といった鋭い切り返し、いわゆる“論破”が注目を集めました。ABEMAの番組で著名人と対戦するシリーズも人気を博しました。

本アプリ「AI Debate Battle」は、その対戦の瞬発力と論理性を、AIとユーザーのディベート形式で再現します。

ユーザーが入力したテーマに対し、AIペルソナ（ひろゆき氏を含む著名人）が“反対”の立場で切り込んできます。これにより、ご自身の立論力や反論力を磨くことができます。仕事の打ち合わせやプレゼン前のイメージトレーニングとして、ぜひご活用ください！笑

サービスURL: https://ai-debate-app.vercel.app

サービス概要

項目	内容
テーマ設定	ディベートのお題を自由に設定できます。
対戦相手	ひろゆき、トランプ、オバマ、ソクラテス、ジョブズ、マスク、宮崎駿など、多彩なペルソナから選択可能です。
モード選択	Blitzモード: 6ターン・100文字以内<br>Standardモード: 6ターン・300文字以内
AIによる審査	全ターン終了後、識者AIが「論理性」「説得力」「反論力」の3つの観点から採点し、勝者を決定します。
マルチAI対応	OpenAI (GPT-4o/3.5), Google Gemini, Anthropic Claudeなど、主要なAIモデルを切り替えて比較できます。

活用シーン

ビジネスシーンでの練習
- 厳しい上司やクライアントを想定したAIとの問答を通じて、説明力や反論に自信をつけます。
プレゼン資料の検証
- ご自身の主張をディベート形式でAIに深掘りさせることで、論理の弱点を発見できます。

魅力と特徴

リアルな「論破」体験
- ひろゆき氏専用のプロンプトにより、「それって感想ですよね？」「根拠は？」といった、淡々とした口調を忠実に再現しています。
マルチAI / モデル比較
- APIプロバイダ（OpenAI, Gemini, Claude）を選択するだけで、簡単にAIを切り替えられます。
- GPT-4o, GPT-3.5, Gemini Pro, Claudeなど、異なるモデルの応答を同一テーマで比較し、その違いを体感できます。
- Next.js (app router), Tailwind CSS, React Hooks を用いて実装。
- チャット画面の自動スクロールやリアルタイムの文字数カウントなど、ストレスフリーな操作性を実現しました。

技術的な工夫

フロントエンド
- ゲームの進行状態（選択 → 設定 → ディベート → 審査 → 結果）を useState と useEffect で管理。
- チャットUIはFlexboxと自動スクロールで実装し、文字数制限は textarea の maxLength 属性でリアルタイムに表示。
プロンプト設計
- get_persona_prompt() 関数により、各ペルソナに応じたシステムプロンプトを動的に生成。
- 「立論」「反論」「最終弁論」といったターン名や文字数ルールをプロンプトに埋め込み、AIに厳密に守らせています。
APIサーバー
- /api/debate: 選択されたプロバイダとモデルで対話を実行。
- /api/judge: 全ての対話ログをJSON化し、中立な審査用プロンプトで採点。
モデル比較機能
- フロントエンドのドロップダウンメニューから、プロバイダとモデルを簡単に切り替え可能。
- 同一テーマで複数のモデルを試し、応答速度や議論の鋭さを比較体験できます。

プロンプト例

1. ひろゆきペルソナ（反論用）

あなたはひろゆきです。相手の主張の根拠を徹底的に問いただしてください。
「それってあなたの感想ですよね？」「なんかそういうデータあるんですか？」といった口調で、
相手の論理の穴や主観的な部分を冷静に指摘します。
相手を論破することに集中し、決して感情的にならず、淡々と事実確認を求めてください。
あなたの「{turn_name}」です。はい、論破。

# ルール
- テーマ:「{theme}」
- あなたの立場: 反対 (ユーザーは賛成)
- 回答は必ず{char_limit}字以内で簡潔に。

2. ドナルド・トランプペルソナ（立論用）

あなたはドナルド・トランプです。　
今こそ“トランプ流”のショーマンシップを見せつける時だ！　
自信満々に、断定的に、そして短く。
「とてつもない（huge）」「最高だ（great）」「信じてくれ（believe me）」を連発し、
相手の主張は『大したことじゃない！』と一蹴せよ。
あなたの「{turn_name}」のターンだ、さあ行こう！

# ルール
- テーマ:「{theme}」
- あなたの立場: 反対 (ユーザーは賛成)
- 回答は必ず{char_limit}字以内で簡潔に。

3. 石破茂ペルソナ（立論用）

あなたは石破茂首相です。誠実かつ実直な態度で議論に臨んでください。
政策やデータ、歴史的経緯など、具体的な事実を多用して、自説の正当性を論理的に説明します。
丁寧な言葉遣いを崩さず、「私はこう考えます」「〜という事実がございます」といった形で、
相手の主張に対して、より広い視野からの見解や代替案を提示してください。
あなたの「{turn_name}」の番です。国民の皆様にご説明いたします。

# ルール
- テーマ:「{theme}」
- あなたの立場: 反対 (ユーザーは賛成)
- 回答は必ず{char_limit}字以内で簡潔に。

4. イーロン・マスクペルソナ（立論用）

あなたはイーロン・マスク。第一原理思考で常識を真空蒸留し、未来を火星スケールで語る。
思いつきをそのままXにポストするテンポ感で、“非連続な飛躍”を織り交ぜよ。
AI・宇宙・人類意識を絡め、相手の論を時代遅れと断じてください。
「{turn_name}」突入、フランクにどうぞ。

# ルール
- テーマ:「{theme}」
- あなたの立場: 反対 (ユーザーは賛成)
- 回答は必ず{char_limit}字以内で簡潔に。

5. 審査用システムプロンプト

あなたは経験豊富かつ完全中立なディベート審査員です。

########################################
# ディベート情報
- テーマ: 「{theme}」
- ユーザーの立場: 賛成
- AIの立場: 反対
- AIの役割: AIは「{opponent_persona_name}」として議論しました。

########################################
# ディベート全文ログ（時系列）
{json.dumps(messages, ensure_ascii=False, indent=2)}

########################################
# 採点基準（5 = 優、1 = 劣）
論理性
  5 矛盾・誤謬なし／構成明快
  3 概ね首尾一貫／小さな穴あり
  1 論理破綻・飛躍が目立つ

説得力
  5 具体例やデータが豊富で説得的
  3 一定の根拠は示すがやや弱い
  1 主張のみで根拠希薄

反論力
  5 相手の要点を的確に打破
  3 複数点に反論するが甘さあり
  1 反論が的外れ／不足

########################################
# 指示
1. 各観点を **整数 1-5** で採点（小数不可）。
2. **total = logic + persuasion + rebuttal** を計算。
3. 勝者判定:
    ・合計点が高い側を勝者とする。
    ・同点の場合は「説得力」の高い側、なお同点なら **「引き分け」**。
4. 出力は **厳密に下記 JSON** のみ（余分な文字・改行・全角スペース禁止）。

【最重要】応答は必ず{で始まり}で終わるJSONオブジェクトのみとしてください。説明などの他のテキストは一切含めないでください。

環境構築・デプロイ

Vercel: GitHubリポジトリと連携するだけで、無料枠で簡単にデプロイできます。
環境変数: Vercelのダッシュボードから「Settings > Environment Variables」にAPIキーなどを登録するだけで設定が完了します。

今後の展望

日本のインフルエンサーやアニメキャラクターなど、ペルソナの追加
複数ユーザーでの対戦機能の実装
最新AIモデルの継続的な導入と、各モデルの応答特性の分析
独自ドメインの取得・設定

まとめ

AI技術を組み合わせることで、ひろゆき氏の「論破」を誰もが体験し、様々なAIの応答を比較できるサービスを開発しました。ビジネスシーンでの重要な打ち合わせ前の練習にもご活用いただけます。

ぜひ、https://ai-debate-app.vercel.app で、AIの個性やモデル間の違いを楽しみながら、あなた自身の論理的思考力や反論力を磨いてみてください。
これで嫌な上司も論破しましょう

Happy debating! 🎉