00:04
皆さんこんにちは、40歳からのAI活用塾のウミノです。 このチャンネルでは、AIを活用して1日2時間時短する実践的なテクニックと、時間と場所に縛られない働き方のヒントをお届けしていきます。
今日は、Claude DesignとイケハヤAIで、自分のホームページをちょっと新しくしました、というお話をしたいと思います。
私のホームページなんですけど、今まではシステム.ioという仕組み、ツールを使ってホームページを作っていたんですね。
それもすごくホームページビルダーとしては、結構いろんなことができて、作り込めば作り込むだけいろいろできたんですね。
すごく良かったんですけど、ただね、若干ダサいなっていう感じがあって、そこが少し悩みだったんですよね。
それを、せっかくこの時代なんで、いい感じにしたいじゃないですか。
LPとかも簡単に作れるって自分で言ってるくせに、自分は作ってなかったというね。
なので、ちょっとやりたいなと思っていたんですけれども、ただいかんせん、私はもうシステム.ioで私のドメインを運用しちゃっているので、
これをバーセルとかに移すわけにもいかないというか、まあできるんだけどね、めんどくさいわけですよ。
本当にこの辺の知識は私あんまりなくて、ちょっと苦手なんですよね。
なので、システム.io、これはワードプレスみたいなもんだと思ってください。
ワードプレスですよ。ワードプレスのRAW HTMLという仕組みがあります。
RAWというのは生ですね。生のHTML。それを仕込む場所があります。
これはね、本当にワードプレスとか触ったことある方はわかると思うんですけども、
HTMLコードをそこに置けば、貼り付ければ、そのままいい感じに載せられるみたいな感じのものですね。
いきなりそこに全部貼り付けても多分いいんだと思うんですけど、そうじゃなくて、私はバーセルに、
バーセルというね、なんていうのかな、サーバーなんだろう。よくわかんない。
そういうホームページとかを運営できるような無料で使えるやつです。
それバーセル、バーセルじゃなくてもいいよ。ネットリファイでもいいし、クラウドフレアでもいいし、
そういうのに載せて、
クリックして、そのホームページを表示させると、
いい感じに、いい感じに映すみたいな。難しいなこれ言うの。
ネットリファイとかね、そういうのにホームページの中身をバイブコーディングで作ったものを入れて、
そこにリダイレクトさせるっていう感じなのかな、多分ね、そういう感じです。
でもお客さんとしては、私の海の-ai.com、こちらに出るんだけども、
映ってるものはネットリファイとかクラウドフレアとかバーセルに載ってるみたいな、そんな感じの仕組みになっています。
03:03
この辺はね、あんまわかんなくても大丈夫です。
バーセルとかネットリファイとかに載っけて、ローhtmlで表示したい、みたいなことを言えばわかってくれます。雰囲気で。
これがねバイブコーディングのいいところですね。
ちょっと前置き長くなってしまったんですけども、バイブコーディングで私のホームページを作りたいと思ったんですね。
クラウドのデザイン、クラウドデザインで作ろうと思ったんですけど、
なんかね、ダッサイんですよね。お手つもなくダサい。
なんか私の多分指示が悪かったり、クラウドデザインの使い方が下手くそなんだと思うんですけど、どうしてもダサくて、
もうなんか、何回言ってもダサいんですよね。ダサい、なんか2点のものが3点になるみたいな、そんな感じのレベルで本当どうしようって思ってたんですけど、
クラウドデザインって結構何回も何回もやってると、すぐにクレジット消費しちゃうっていう話もあったので、
とりあえず大枠だけ、大枠だけって言っても全然何も作ってないけど、本当にもう大枠、もう後から全部変えようぐらいな気持ちでHTMLファイルとかに
吐き出させて、それを元にクラウドコードに移すといいよ、みたいなことをね、おっしゃってる方が多いので、それをやりましたと。
クラウドデザインからクラウドコードに移すのは簡単なんですね、なんだけど、でもさ、ダサいものをクラウドコードでいくらやってもやっぱダサくてですね、どうすればいいんだろうと。
で、しょうがないのでHTMLファイルで出させて、それをね、いけはやAIに投げたんですよ、これもう本当にダサいので、これを売れるLPにしてください、みたいな感じで。
クラウドコードにそのまま支持できるような感じで出してくださいと、で、キャッチコピーとかはあなたが考えてもう決め打ちで出してください、みたいな感じで言ったらですね、あら不思議、かなりいい感じになりました。
なんかデザインまでまあまあいい感じになったんですよね、本当に使用前、ビフォーを見せたい、ビフォーがひどかった、本当に、なんかさ、お客様の声みたいな感じでね、こうまあ、なんか偽物のSVG図形で作った人間みたいなのが出てきて、どうすればいいの?みたいな感じだったんですけど、で、フォントもダサいしさ、まあフォントはしょうがないっちゃしょうがないんですけども、ダサくて、
フォントダサいですって言っても、やっぱダサいんですよ、なのでまあフォントはね、あの自分で指定しましたよ、あのフォントにしてください、みたいな感じで指定して、で、そしたらね、なんか、いけはやAIのおかげだと思うんですけど、すっごいよく載ったので、この概要欄にホームページ貼っときますね、よかったら見てみてください、まあまあいい感じです、ちょっとね、まあAI作ったね、みたいな感じの雰囲気はあるんですけど、でも、まあ悪くないと思うよ、私は嫌いじゃない、
06:02
うん、なのでこんなのもできるんだなーっていう、これでもまあまあ時間かかりましたけどね、まあまあかかった、けど、いやすっごいよ、いけはやAI最高、本当にいい感じに作ってくれてとっても嬉しいです、なので皆さんも、あのよかったらね、このいけはやAIを使ってやってみてほしい、これで自分のホームページとかもかなりいい感じにできると思います、
何だろうね、何が違うんだろう、いや前、いや全然違う、全然違うんだよなー、何だろうなー、なので皆さんもね、ぜひいけはやAIをそんな風にも使えるんだという風に、あの思っていただければと思います、で、どんな内容のホームページにしたかというと、まあ最初にね、私の顔写真、まあこれの顔写真は実は、
チャッチPTで作ったので、私の実際の顔とはちょっと違うなっていう感じなんですけど、でもいい感じの写真できちゃったので、もうこの、これでいいやと思って使ってます、はい、多分息子に聞いたらママって言うと思うので、いいかなと思って、でキャッチコピーが左側になって、で無料講座を選ぶとか、有料商品を見るみたいな感じになっていて、それクリックすると無料講座のご案内に飛ぶと、でその下には、
ゆでみ受講者1.5万人とか、ゆでみ講師は3.1万本おりましたとかね、メルマガ読者は全部で6700人とか、まあそんな感じのことが書いてあって、で、あと次にね、無料の講座を選んでくださいっていうので、コワークの無料7日間メル講座とか、サブスタックの無料7日間メル講座とか、チャッチPTの基礎講座とかね、そういうのが書いてあります。
で、そこからね、もちろん申し込みもできるんですよ。で、あとはこんな悩みがある方に向いてますよーっていうので、まあ悩みを書いて、で、こんなメリットあるよと、無料講座で受講するとこんな風にいいことあるよーっていうのが書いてあって、で、もっとね、深く学びたい方は有料の講座も用意してますよっていうことで、ゆでみの講座とかサブスタの教科書とかね、あとはノートメンバーシップとか、あとは私の、まあまだ、
準備中ですけど、ゆでみ講師の養成講座とかその日のご案内をして、で、また実績のご案内をして、で、その後にノートメンバーシップのご案内、で、よくある質問、で、最後にまたダメ押しの無料講座と児童課のご案内っていう感じで待ってるんですよね。結構いいな、なかなかいい感じになりました。こういう使い方もあるということで、ぜひやってみてください。
はい、ほんとね、パイプコーディングと、まあパイプコーディングだけでもね、まあまあいいのは出ます。今回ちょっと私の使い方が悪かったなと思います。あのデザイン、クロードデザインでダサかったのは。何だったんだろう。何であんなにダサかったんだろう。そしてね、最初からこのぐらいのものが出てくれればいいんですけどね、なかなか出なかった。難しかったなぁ。
09:05
なので、ちょっとね、結構うまくはいかなかったんですけども、こういうふうに生き早いAIを使うのもいいよというお話でした。それではまた、海野でした。