トマシープが学ぶ

Unity/VR/AR/デザイン好きのミーハー 記事内容は自分用のメモです

v0の画像生成機能、GeminiのAI組み込み機能【Gemini、v0】

旅行行きすぎてホテルに対する理想がかなり明確になってきた。

理想のホテルを空想し続けてたけど、HPなら架空のものを現実のように作れるじゃん!!と気づいたのでAIで作ってみる。

 

Webサイトみたいなの作れるAIはいろいろ試してきたけど、画像も含めて作ってくれるサービスってあるのだろうか?今までそんな機能使ったことない

 

ChatGPTに聞いてみたらGemini良さそうだった

Gemini

Canvaモードを使う

結論から言うと画像は生成できなかった。

作ったサイト

gemini.google.com

方向性はなかなかいい感じ〜

でも画像生成できないの痛いな〜

 

代わりと言ってはなんだけど、GeminiはAI機能を埋め込むことができる!

右下のAIマークを押したら、勝手に「AIを使ったおすすめ散策プラン」コーナーを組み込んだ。普通にAI質問機能が良かったのに、どう使うかって指定できないのか?

アート巡りしたいとか記入したら架空のプランを考えてくれるw

v0

初めて使ったAI Web制作アプリを親と思い込む理論で、私はv0を愛している。

v0に画像生成機能ないよな〜と思ったらあった。いつからあったんだろう?

これで同じように頼んだら、ちゃんと画像は生成された

実際に存在する名前のホテル名なのやばいな。ちなみにその名前のホテルのHP見たらめっちゃおしゃれだしHPもいい感じだった。泊まりたい

駅から徒歩10分でコンビニもある場所の設定なのに田舎すぎないかな?

v0はメッセージ数で無料プランの上限がくるので、いっぺんにまとめて指示すると無料枠でもいろいろできる。

フォントもGoogleフォントを指定したら反映してくれる。一応コードも貼り付ける

読みやすさとかは指示しないと上手くやってくれない。コントラスト比とかチェックして欲しいのに

「よくある質問」ページも作ってみた。何も指示してないけど全部私の理想通りの回答でびっくり。よくある質問が充実しているHP好き

画像ありだと、いろいろ画像に気になるとこが出てくると言うことがわかった。

疲れたしもう無料枠無くなりそうなので途中で諦めた

サイト全体のスタイルとかフォントを設定で変えれることに気づいた!

画像も生成し直せそう

昔のプロジェクトだとアップデートしないとできない。

 

作ったもの

v0-stylish-hotel-website.vercel.app

なかなか楽しかった。

おまけ

一年前ぐらいにv0で作った生理周期管理サイトもアップデートして、より使いやすくした。

ダークモードにも対応

v0--nu-two.vercel.app

これにGeminiのAI機能入れて、生理の周期を平均だけじゃなくてもっと研究とかに基づいて推測したり、生理きたときに励ましてくれたりする機能入れたいな

Gemini

ということでGeminiでも作ってみた。

指示はシンプルな感じ

そしたら1発でめっちゃいいのできた。ちゃんと時期によって応援してくれる!!!

カレンダーの登録とか消去とか今日の日付表示とか予想表示とかも、いい感じ!

ステージも教えてくれる。ルナルナじゃん!!

メッセージもマジでいい感じ

長いときも心配してくれるの優しい!もう好きになりそう

ええ〜〜乗り換えます。Gemini最強

 

いくつか注文を足して、データのエクスポートインポートにも対応してv0のアプリから乗り換えれるようにした

せっかくなので旅行者向けコメントをするようにしてみた

公開リンク作ったら、複数デバイスでデータ保存してくれるらしい。

そこでスマホで入ってみると、確かにデータ共有されてる!Firebaseを自動的に使ってくれる。

ユーザー管理もGoogleがなんかいい感じにしているらしい。

gemini.google.com