ここ1ヶ月、毎晩のようにAIで色々やっています。
今週はGeminiで我が家の猫の公式サイトを作成。
最初にyoutubeチャンネルのURLを貼って、「https://www.youtube.com/@10kgcat
このチャンネルのプロモーション用のランディングページを作成」と入れただけ。
過去のWEB上から適切なサイトを拾ってきて、それを参考にしてテンプレートのhtmlを作成してくれました。
そのhtmlをmacのメモ帳にペーストしてindex.htmlで保存。
そこに自分で撮影した写真を貼り付け、文章をちょっとだけ微調整して完成。
写真を入れる方法は以下。
ステップ1：写真の準備と配置
使いたい写真（JPGやPNG形式）を用意します。
その写真ファイルを、作成した index.html と同じフォルダ（場所） に移動またはコピーしてください。
ファイル名は、わかりやすく短めに変更しておくと便利です。（例：sora.jpg, three_cats.jpg など）
重要ポイント！ HTMLファイルと画像ファイルは、必ず同じフォルダに入れてください。これが一番簡単で間違いのない方法です。
ステップ2：HTMLコードの編集
前回のコードの具体的な場所を、写真に置き換える方法を2つ紹介します。
例1：トップの大きな背景画像（ヒーロー画像）を変える
一番目立つ、最初の大きな背景画像を変更する方法です。
コードの部分はこの「ウミログ」でも使っているので、Geminiに聞きながらクリア。
そんなに難しくはありません。
さらにGeminiに公開したいと相談したら、無料ならGitHubと提案され、その通りにしました。
GitHubは初めて触りましたが、Geminiが全て教えてくれました。
ついでに最初のURLが長かったので、短くしたいと相談したら、これもクリア。
Geminiさん。
凄いです。
それでできたサイトが以下。
最初に紹介したyoutubeを紹介する感じのシンプルなデザインです。
毎日猫動画のショートを公開して
コンスタントに千回以上、たまに1万近くも再生されています。
普通の動画に結びつかないのが難なので、
今回サイトを作った次第です。
ちょっと見てくれるとありがたいです。
https://www.youtube.com/@10kgcat
10キロの猫公式サイト
https://10kg-cat.github.io/
コメントを残す