【Google Antigravity】③　フロントエンド：「よし！やってみよう」「あれ？」

先日は

ANTIGRAVITYのインストールを行いました

よし、やってみよう

「インストールも出来たし、WEBやYoutubeでは皆さんサクサクやっていたので私もできるはず！」

1️⃣右側のチャット入力画面に指示を入れてみよう

題材として以前Google AI Studio Buildで試したものをANTIGRAVITYにもやってもらおう

2️⃣「眼科散瞳タイマー作って」と「日本語でやり取りして」

ここで「Planning」を選びます。勿論「Fast」でもいいですが、やり取りしながら進める練習。
そしてモデルは今回のキモですのでGemini 3 Pro。いまは無料バージョンなのでTOKENを沢山つかうとすぐに制限かかるので（Low)を選びます。

3️⃣２０秒ほどで以下のような返答が

4️⃣IT初心者の我々クリニックDrにとってはよくわからんので、以下のように指示

5️⃣左側のタブにはTaskリストもう作ってくれてますね

6️⃣　時々止まっているように見えるときには、指示をしなくてはならないことも有るので。　今回は＜Accept＞。・こういったことがしばらく続きますので、自動でコーディングが進んでいくのを見ながら指示出ししてください

7️⃣３分くらい指示出ししていると、できました！

8️⃣実際にリンクを開いて試してみましょう、おーーーっ、簡単な指示出しだけで

9️⃣しかし、散瞳薬によって時間や投与も違うので以下のように指示出ししました

ミドリンP,サイプレ、ネオシネで待ち時間や点眼回数違うのでそのあたりのスタンダードプロトコールを調べて機能をREFINEして

🔟自分で調べて再構築してくれています

出来ました！

1️⃣勿論、まだまだ微妙なカスタマイズは必要ですが

2️⃣サイプレは３回点眼にしてくれています

（大切なこと）

＊バイブコーディングで簡単？とはいえ、時々わからないことがでてくると思います。その時には普段使っているAIにそのメッセージを入れて聞いて下さい。コレ本当に大切です。難しそうだからといって諦めないでくださいね。

＊一発で完全なものができるわけではないので、どんどん具体的な指示を出していくのは先生の役割ですので言語化を楽しんで下さい

早速、知り合いにも使ってもらおう！

知り合いに以下のURLを伝えようと思いますよね

ブラウザで動作をご確認ください。 http://localhost:5173/

ところが知り合いからは
以下のようなメッセージが出て「開かない！」と困惑のメッセが来ると思います

今日はここまで

なんで知り合いは開けないんでしょうか？
ヒントはフロントエンドとバックエンドです。次回はそこを見ていきましょう

ANTIGRAVITYまとめ