Gemini 3 Proの特徴をお試し

2025.12.25 矢野智美

こんにちは！D&A事業本部の矢野です。
本TechBlogはTeam xG Advent Calendar 2025 25日目の記事になります。

2025年の年度末にGemini 3 Pro、Gemini 3 Flashの発表やGPT-5.1＆5.2の発表が続き、生成AI開発競争の加速を感じられた方も多いのではないでしょうか。

特に高性能と話題のGemini 3 Proの特徴をお試してみたので、本Blogにてご紹介したいと思います。

Gemini 3 Proの特徴＆お試し

Geimini 3 Proの性能の高さは既に注目となっていますが、「マルチモーダル性能」・「推論能力（Deep Think）」・「コードの解釈（Vibe Coding）」・「トークン効率」の向上がポイントなっています。特にDeep ThinkとVibe Codingが気になり、調べてみました。

Deep Think

「思考」するAI: ユーザーの質問に対して即答するのではなく、内部で「思考シグネチャ」と呼ばれるプロセスを経て、複雑な問題を分解・検討してから回答します。
論理的解決力の向上: 数学、科学的な推論、複雑なロジックパズルなどの正答率が劇的に向上しました。
意図の汲み取り: ユーザーの曖昧な指示や行間を読み取り、「聞きたいこと」だけでなく「聞くべきこと（問題解決のために必要な視点）」を提案できるようになりました。

Vibe Coding

Gemini Canvasの進化: 手描きのワイヤーフレーム（ラフ画）を読み込ませるだけで、実際に動作するWebサイトやアプリのコードに変換できます。
自律的な修正: エラーが出た際、単に指摘するだけでなく、セキュリティやパフォーマンスを考慮した「より良いコード」への書き換えを自律的に提案・実行します。

1. 【推論力テスト】論理とひっかけ問題（Deep Think）

お試し問題を作成して、実際に引っ掛け問題に正しく回答できるか試してみました。お試ししたプロンプト例はこちらです。

入力プロンプト例：「私は昨日、市場で10個のリンゴを買いました。帰る途中で2個食べ、家に帰ってから友人に半分あげました。その後、自分で1個剥いて食べましたが、美味しくなかったので半分残しました。今、私の手元にある『完全な形のリンゴ』はいくつですか？計算過程ではなく、論理的なトラップがないか注意深く考えて回答してください。」

既にGemini 3 Proが利用可能な方は、ぜひ上記の質問を実施してみてください！

お試しした結果ですが、

回答：手元にある『完全な形のリンゴ』は 3個です。

見事に回答してくれました！

Gemini 2.5 Proより少し回答スピードはかかった印象ですが、論理的な思考結果含めてきちんと回答してくれます。（合わせて表示してくれた論理思考内訳は以下です。）

＜論理思考内訳＞
スタート時：リンゴは 10個です。
帰る途中： 2個食べたので、残りは 8個です。ここまではすべて「完全な形」とは言えません（食べた分は消失）。
友人への譲渡：残りの8個の「半分」をあげました。つまり4個をあげたことになります。
手元に残ったのは 4個です。
最後に食べた分：手元の4個のうち、1個を剥いて半分食べました。この1個は「皮が剥かれている」かつ「半分ない」状態なので、『完全な形のリンゴ』としての条件を満たしません。
残りの 3個は手つかずのままです。

2. 【視覚理解テスト】手書きメモのコード化（Vibe Coding）

画像認識とコード解釈も試してみました。我が家で沢山作られる折り紙作品の写真を利用して、写真と共に以下プロンプトで試してみます。

Image_20251222_164355_983 　

※子供に人気の某キャラクターです。

入力プロンプト例：この折り紙の写真を読み取って、実際にブラウザで動くHTMLとTailwind CSSのコードに変換してください。デザインはモダンで洗練された雰囲気に仕上げて。

数秒待つと某キャラクターに似せたcssコードが作成され、ブラウザ表示で確認することができました！

※実際の結果を確認されたい方は生成されたコードをのせておくので、お手元でご確認下さい。

<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Origami Character Component</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <style>
        /* カスタムアニメーション設定 */
        @keyframes earWiggleLeft {
            0%, 100% { transform: rotate(-25deg); }
            50% { transform: rotate(-35deg); }
        }
        @keyframes earWiggleRight {
            0%, 100% { transform: rotate(25deg); }
            50% { transform: rotate(35deg); }
        }
        
        .group:hover .ear-left {
            animation: earWiggleLeft 1s ease-in-out infinite;
        }
        .group:hover .ear-right {
            animation: earWiggleRight 1s ease-in-out infinite;
        }

        /* 折り紙の質感を出すための微細なテクスチャ（オプション） */
        .paper-texture {
            background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.05'/%3E%3C/svg%3E");
        }
    </style>
</head>
<body class="bg-gradient-to-br from-slate-100 to-slate-200 min-h-screen flex items-center justify-center p-4 font-sans text-slate-800">

    <div class="bg-white/80 backdrop-blur-sm rounded-3xl shadow-xl border border-white/50 p-8 w-full max-w-sm flex flex-col items-center transition-all duration-300 hover:shadow-2xl hover:scale-[1.02] group">
        
        <div class="relative w-48 h-48 mb-6 flex justify-center items-center">
            
            <div class="ear-left absolute -top-4 -left-2 w-20 h-24 bg-gray-900 rounded-tl-full rounded-tr-lg transform -rotate-[25deg] shadow-lg border-2 border-gray-800 z-0 origin-bottom-right transition-transform">
                <div class="absolute inset-0 paper-texture rounded-tl-full rounded-tr-lg"></div>
            </div>

            <div class="ear-right absolute -top-4 -right-2 w-20 h-24 bg-gray-900 rounded-tr-full rounded-tl-lg transform rotate-[25deg] shadow-lg border-2 border-gray-800 z-0 origin-bottom-left transition-transform">
                <div class="absolute inset-0 paper-texture rounded-tr-full rounded-tl-lg"></div>
            </div>

            <div class="relative w-44 h-40 bg-gray-900 rounded-[2.5rem] shadow-xl z-10 overflow-hidden border-2 border-gray-800">
                <div class="absolute inset-0 paper-texture"></div>

                <div class="absolute top-6 left-1/2 transform -translate-x-1/2 w-10 h-8 z-30">
                    <div class="w-full h-full bg-pink-300 rounded-lg shadow-sm flex items-center justify-center relative opacity-90">
                        <div class="w-1.5 h-2.5 bg-gray-800 rounded-full mx-0.5"></div>
                        <div class="w-1.5 h-2.5 bg-gray-800 rounded-full mx-0.5"></div>
                        <div class="absolute -bottom-1 left-1/2 -translate-x-1/2 flex gap-1">
                            <div class="w-0.5 h-1.5 bg-pink-300 border border-pink-400"></div>
                            <div class="w-0.5 h-1.5 bg-pink-300 border border-pink-400"></div>
                        </div>
                    </div>
                </div>

                <div class="absolute bottom-0 left-1/2 transform -translate-x-1/2 w-[85%] h-[65%] bg-stone-50 rounded-t-[2rem] rounded-b-[2rem] shadow-inner z-20 flex flex-col items-center justify-center">
                    <div class="absolute inset-0 paper-texture opacity-50"></div>
                    
                    <div class="relative w-full h-full">
                        <div class="absolute top-1/3 left-4">
                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" class="text-gray-800 transform -rotate-12">
                                <path d="M4 14 C 4 14, 10 8, 16 14" />
                                <line x1="5" y1="12" x2="3" y2="9" />
                                <line x1="9" y1="9" x2="8" y2="6" />
                                <line x1="14" y1="10" x2="15" y2="7" />
                            </svg>
                        </div>

                        <div class="absolute top-1/3 right-4">
                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" class="text-gray-800 transform rotate-12">
                                <path d="M4 14 C 4 14, 10 8, 16 14" />
                                <line x1="5" y1="12" x2="3" y2="9" />
                                <line x1="9" y1="9" x2="8" y2="6" />
                                <line x1="14" y1="10" x2="15" y2="7" />
                            </svg>
                        </div>

                        <div class="absolute top-[55%] left-1/2 transform -translate-x-1/2 flex flex-col items-center">
                            <div class="w-1.5 h-1 bg-pink-400 rounded-full mb-1 opacity-60"></div>
                            <div class="w-1 h-1 bg-gray-400 rounded-full"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="text-center space-y-2">
            <h2 class="text-2xl font-bold text-gray-800 tracking-wide">KUROMI STYLE</h2>
            <p class="text-sm text-gray-500 font-medium">Origami Art Collection</p>
        </div>

        <div class="mt-6 flex space-x-3 w-full">
            <button class="flex-1 bg-gray-900 text-white py-2.5 rounded-xl font-medium shadow-lg shadow-gray-300 hover:bg-gray-800 transition-colors text-sm">
                Follow
            </button>
            <button class="flex-1 bg-white border border-gray-200 text-gray-700 py-2.5 rounded-xl font-medium shadow-sm hover:bg-gray-50 transition-colors text-sm">
                Message
            </button>
        </div>
    </div>

    <footer class="fixed bottom-4 text-xs text-gray-400">
        Generated from Image by Gemini
    </footer>
</body>
</html>