Gemini 3のデザイン生成力は何が凄いのか

TL;DR

Gemini 3は、同じ指示を与えたGemini 2.5 Proとの比較で、ウェブサイトのデザイン性とコーディング再現力が大きく向上した。ゲームやダッシュボード、資料、文字起こし、業務用スクリプトも生成できるが、ボタンの未動作や字幕の時間ずれなど、実用前の確認と修正は必要である。

Transcript

はい、こんにちは。アーケートです。この チャンネルは生成最新情報や活用事例を 紹介してます。是非チャンネル登録お願い いたします。そして今回のテーマはジェミ 3がついに登場しましたので実際に触り ながらどんな変化があったのか紹介して いきたいと思います。で、結論ですね、 色々と検証してみた結果このジェミニ3は デザイン性がめちゃくちゃレベル上がって ます。はい。これはね、過去1はい。私の チャンネルではいろんなね、AIの サービスをね、実際に触りながら検証し てって紹介をしていきましたけど、この Jin3が1番デザインのセンスがいい ですね。でね、やっぱり見た目が美しいっ ていうのはいいっすよね。かなり使い やすいと思いました。はい。ということで ですね、実際に私もJOMI3を使います ので... Read More

Key Insights

• ・Gemini 3の最大の変化は、検証した各種AIサービスの中でも特に高いと評価されたデザイン性であり、同じ指示でもGemini 2.5 Proより洗練されたサイトを生成した。
• ・Gemini 3のフロントエンド生成は、ワイヤーフレームの構成を読み取り、画像やスライダー、問い合わせ導線を含むウェブサイトへ変換できるほど再現性が高い。
• ・Gemini 3のゲーム生成は、リズムゲームとテトリスの融合やFPSのような複数要素を含む指示でも、一度の生成で操作可能な試作品を構築できる。
• ・Gemini 3のUI生成は、ゲーム機風画面、ダッシュボード、YouTube風画面を細部まで表現でき、動画やコメントの見え方を確認する試作ツールにも使える。
• ・Gemini 3の資料作成は、Alphabetの財務レポートPDFを読み込み、細かなグラフを交えた分かりやすいスライドへ変換でき、表現の幅も広がっている。
• ・Gemini 3の動画解析は、パソコン上の動画から音声と画面を分析して文字起こしでき、タイムスタンプ付きSRT形式の字幕データも生成できる。
• ・Gemini 3の字幕生成は、文字情報の作成には役立つ一方、検証したSRTでは0.何秒かの時間ずれが多く、そのまま使わず編集ソフト側での調整が必要である。
• ・Google Antigravityは、Gemini 3によるコード作成に加え、フォルダー構成、画像生成と保存、Chromeでの表示確認まで進められるAI統合型エディターである。

Questions & Answers

Q: Gemini 3はGemini 2.5 Proから何が進化したのですか？

最も分かりやすい進化は、ウェブデザインの見栄えとフロントエンドのコーディング品質である。同じ自己紹介サイトのプロンプトを両モデルに与えた比較では、Gemini 3のほうがレイアウト、数字の見せ方、サービス一覧、動画、問い合わせフォームなどを洗練された形で構成した。推論、コーディング、マルチモーダル機能も強化されたと紹介されている。

Q: Gemini 3でウェブサイトを作る方法は？

Geminiの思考モードを選び、キャンバス機能で目的、掲載内容、参考画像、希望するデザイン方針を文章で指示する。検証では、人物情報を網羅的に調べ、実績、自己紹介、サービス、ウェブ上の画像を使い、マテリアルデザインを基にサイトを作るよう依頼した。ワイヤーフレーム画像を渡して再現させる方法でも、高品質なページを生成できた。

Q: Gemini 3はワイヤーフレームをどこまで再現できますか？

Figmaから用意したサンプルや自作のワイヤーフレームを渡し、ウェブサイトとして再現するよう指示すると、画像、文字、スライダー、固定された問い合わせ導線などを備えたページを生成できた。日本の企業サイトに見られる雰囲気も表現されたが、一部画像の途切れや自動スライダーで上部へ戻る挙動もあり、完全な再現には修正が必要である。

Q: Gemini 3でゲームを作る方法は？

作りたいゲームのジャンルと組み合わせたい仕組み、演出の方向性を文章で指定し、キャンバス上で生成させる。検証では、リズムゲームとテトリスを組み合わせた派手なゲームという指示だけで、リズムに合わせてブロックを落とし、ゲージを回復させる試作品が一度で完成した。FPSやゲーム機風UIを備えた複数ゲームも生成できた。

Q: Gemini 3でPDFをスライド資料にする方法は？

対象のPDFをGeminiへアップロードし、キャンバス機能を使ってスライド資料にするよう依頼する。検証ではAlphabetの財務レポートを入力し、財務状況をグラフや要点とともに整理した資料が生成された。Gemini 2.5 Proとの差は見た目だけでは判断しにくいものの、細かなグラフがきれいに入り、内容を理解しやすい構成になった。

Q: Gemini 3で動画を文字起こしする方法は？

パソコン上の動画ファイルをGeminiへアップロードし、一語一句正確に文字起こしするよう指示する。Geminiは動画内の音声だけでなく画面も解析でき、長い動画のテキスト化やキャプション作成の下準備に利用できる。検証では誤字脱字が少ない文字起こしが得られ、動画編集ソフトで生じた誤字を修正させる用途も提案されている。

Q: Gemini 3でSRT字幕を作る際の注意点は？

文字起こし結果から、開始時刻、終了時刻、字幕本文を並べたタイムスタンプ付きSRTデータを生成できる。ただし、検証したSRTをPremiere Proへ読み込むと、0.何秒かずれる箇所が多く、そのままの利用には適さなかった。Geminiで下書きを作って時間を調整するか、編集ソフトで作ったSRTの誤字脱字をGeminiに直させる使い方が現実的である。

Q: Google Antigravityとは何ができるツールですか？

Google Antigravityは、テキストエディターとAIを組み合わせたGoogleのアプリとして紹介されている。Gemini 3のハイエンドモデルを使ってウェブサイトを作り、パソコン上にフォルダーとファイルを構成し、画像を生成して保存し、ページへ組み込める。さらにChromeを自動操作して表示を確認でき、LPなどを制作するバイブコーディング用途に適している。

Summary & Key Takeaways

• Gemini 3の思考モードを使い、自己紹介サイトやワイヤーフレームからのウェブサイト生成を検証した。同じプロンプトをGemini 2.5 Proにも与えた結果、Gemini 3はレイアウトや装飾、画像配置、日本的なサイト表現で明確な差を示した。ただし、画像の途切れやスライダーの挙動など小さな不具合も残っており、完成品として公開する前の確認は欠かせない。

• 生成できる対象はウェブサイトに限らず、リズムゲームとテトリスを組み合わせたゲーム、FPS、ゲーム機風UI、ダッシュボード、YouTube風画面、3D扇風機アニメーションに及ぶ。簡単な指示から操作可能な試作品を一度で作れる例が示された一方、未実装のボタン、弾薬回復手段の不足、ゲーム画面の不具合などもあり、試作後の調整が必要である。

• PDFからのスライド作成、アップロード動画の文字起こし、SRT形式の字幕データ生成、Googleスプレッドシート用マクロの作成も検証された。文字起こしはキャプション作成の土台として有用だが、SRTには0.何秒単位のずれが見られた。Google Antigravityでは、ファイル構成、画像生成、ブラウザーでの確認まで自動化でき、LP制作などへの活用可能性が示された。