Gemini 4 Hydrogenに「架空の不動産屋サイト作って」と一言頼んだら、5分で動くサイトができて驚いた

昨日の朝、Xの投稿で、Googleから「Gemini 4 Hydrogen」という新しいAIモデルが出たことを知りました。

結論から言えば、「架空の不動産屋サイト作って」と一言頼んだだけで、5分ほどで動くサイトができあがりました。

正直、ここまで出てくるとは思っていませんでした。Web制作をやっている人間として驚いたところを、備忘録として残しておきます。

動画でも実演しています。

やったことは、一言打っただけ

使ったのは、Googleの開発ツール「Antigravity」です。普段から使っているエディタで、Gemini 4 Hydrogenも有料プランで選べるようになっていました。

僕が入っているのは、Google AI Proというプランです。月額は、確か2,900円ぐらい。

やったことは、これだけです。

1. Antigravityを開く
2. モデルで「Gemini 4 Hydrogen」を選ぶ
3. 「架空の不動産屋サイト作って」と打つ

どんなデザインにするか、どんな機能を付けるか、何も伝えていません。追加の指示も、やり直しも、していません。

あとは待つだけ。待っている間、僕は何もしていません。

時間を計っていたんですが、5分ほどでサイトができました。Antigravityの画面には「Worked for 4m」と出ていたので、AIが作業していた時間は4分台ということになります。

出てきたのは「風と窓」という不動産屋さん

できあがったのは、「風と窓(Kaze & Mado)」という名前の、1ページもののサイトです。もちろん架空の会社で、実在しません。

AIの報告によると、東京と鎌倉・湘南エリアの、リノベーション物件やデザイナーズ住宅を扱う不動産会社、という設定だそうです。設定まで勝手に考えてくれている。

作られたファイルは、こんな感じでした。

• index.html(ページ本体)
• style.css(デザイン)
• data.js(架空の物件データ6件)
• app.js(検索やお気に入りなどの動き)
• images/(トップの画像と物件の画像、あわせて7点)

驚いたところ1: 見た目。画像まで入っている

開いた瞬間に、「あれ、ちゃんとしてる」と思いました。

物件の写真が入っているんです。しかも、きれい。

今までは、サイトを作るときに、写真をどうするかが毎回悩みの種でした。素材サイトで探すか、仮の画像を置いておくか。

それが、指示もしていないのに、サイトに合った画像が最初から入っている。

仮のデザインというより、そのままお客さんに見せられる見本です。

驚いたところ2: 探す機能が、ちゃんと動く

見た目だけの飾りではありません。触ると動きます。

• 絞り込み検索: 条件やエリアを選ぶと、物件がその場で絞り込まれる
• ポップアップ: 物件をクリックすると、ページを移動せずに詳細が開く
• お気に入り: 気になる物件に印を付けておける

お気に入りは、ページを読み込み直しても残っていました。ブラウザに保存する仕組み(localStorage)まで入っているわけです。

もう一度書きますが、僕が頼んだのは「架空の不動産屋サイト作って」だけです。

絞り込みも、ポップアップも、お気に入りも、頼んでいません。「不動産屋のサイトにはこれが要るよね」と、AIのほうが考えて付けてきたのである。

驚いたところ3: 内見予約を押すと、フォームに物件名が入っている

そして、僕が一番驚いたのがここです。

物件の詳細に、「この物件を内見予約する」というボタンがあります。これを押すと、問い合わせフォームに移動します。

そのフォームに、さっきまで見ていた物件の名前が、もう入っているんです。

これ、地味に見えるかもしれません。でも、Web制作をやっている人間からすると、ここが一番すごい。

サイトの目的は、きれいに見せることではなくて、問い合わせをもらうことです。

• お客さんは、物件名を打ち直さなくていい
• お店の側は、どの物件への問い合わせかが、すぐ分かる

見る、選ぶ、問い合わせる。この流れが、最初からつながっています。

人に頼むときは、「ここは連動させてください」と、わざわざ伝えるところです。それを、一言の指示で、ここまでやってくる。

いやあ、これは驚きました。

じゃあ、このまま使えるのか

ここまで来ると、「もうこれで完成じゃないか」と思いますよね。僕も一瞬そう思いました。

ただ、実際のお店のサイトにするには、やることが残っています。

• 中身: 物件も会社の情報も、いまは全部架空。本物に入れ替える必要がある
• フォーム: 架空のサイトなので、送信はできないようになっている。本番で使うなら、どこに届けるのかという送信先の設定が要る
• 公開と更新: サーバーに置いて公開して、そのあと物件を入れ替えていく作業がある

しかし、です。

見本を作るところまでが、5分になった。 これは大きい。

「こんな感じのサイトにしたい」を、言葉で説明するのではなく、動くもので見せられます。作る側にとっても、頼む側にとっても、話が早くなると思います。

まとめ

Gemini 4 Hydrogenに一言だけ指示を出したら、5分ほどで不動産屋のサイトができました。驚いたのは3つです。

1. 画像まで用意された見た目
2. 絞り込み・ポップアップ・お気に入りという、動く機能
3. 内見予約からフォームへ、物件名が引き継がれる流れ

性能の数字はいろいろ発表されていますが、数字を見ても、正直ピンとこないんですよね。自分で触ってみるほうが早い。

というわけで、Antigravityを使える方は、ぜひ、ご自身の業種で「架空の◯◯サイト作って」と試してみてください。きっと驚くと思います。

AIで見本はできた。その先で迷ったら

「AIで見本はできたけれど、この先どう仕上げて公開すればいいか分からない」という方もいると思います。

僕はWebの仕事に24年関わってきて、いまはAIを使ったWeb制作と、WordPressの保守・更新をお手伝いしています。見本を本物のサイトにするところまで、一緒に整理します。

ぜひ、気軽にご相談ください。

無料相談はこちら