パソコン音痴の私がAIと一緒にホームページを作った話② 〜実際に作ってみた編〜

クロードってAI知ってる？
AIにもそれぞれ得意分野があるんですって！
今回はchatGPTじゃない、違うAIを使ってみました♪

 𓏸𓈒𓂃𓂃𓂃𓂃

ご覧いただきありがとうございます。


東京都板橋区アイシングクッキーと
焼き菓子のお教室

『lattenowa_cookie』
らてのわクッキー
足立ひろこです。

この記事では

『AIと一緒に教室ホームページを作った話②』

ということで

☑パソコン音痴の私が！

☑知識ゼロの状態から！

AIと一緒にホームページを作ったこと、

大変だったことや、

やらかしたことなどについてお話します♪

教室ホームページを作りたい方の

参考になればうれしいです♡

𓏸𓈒𓂃𓂃𓂃𓂃

AIと一緒にホームページを作った話②
〜実際に作ってみた編〜

１つ前のブログはこちら♪

 

前回の記事では
クロードのくろちゃんに出会ったお話を書きました。

今回は実際どうやって作っていったかのお話です。

秒で出てきたサンプルを見て、思わず声が出ました。

何これ、すごっ。😳

めちゃくちゃイメージ通り。

色合いも雰囲気も、なんで好きな色知ってるの？
ってくらいドンピシャで。

「なんで私の好きなテイストわかったの？」

と聞いてみたら、

「ブログを拝見して、らてのわクッキーさんの
雰囲気に合わせて作りました」

って！！
AIすごくない？…！！！

以前別の講座で

SEO対策としては

『インターネット上に

たくさんの情報をのせておくことが大事』

場所や、教室案内などは何回書いてもいい

AIはインターネット上に情報が多いものを

大事な情報として認識する

と聞いたことがありました。

私の好きな雰囲気を一瞬で理解してくれたのも

たぶんいろいろなところから

情報を読み取っているのだと思います☺️

さて、気に入ったのはいいけれど、

これをどうすればホームページになるの？

という疑問が浮かびます。

なんと無料で公開できる方法がある

と教えてくれました。

しかも

「lattenowa-cookie」のスペル入りで！😳

というわけでまずは

ホームページを無料で公開するためのサービス

への登録から始まりました♪

サンプルはスマホのクロードchat画面

から見ていたので、

これをパソコンにダウンロードする方法

も全部丁寧に教えてくれました。

ただ…わたし、パソコン音痴なんです。

基本的にパソコンを開かない生活をしているので

文字を打つのが遅い遅い(笑)

そしてエラーが出るたびにパニック🥺

画面に出てきた文字を全部コピペして
くろちゃんに送りつけては

これはどういう意味？

どこを押す？

などなどいちいちchatで
質問するわけなんです(笑)

そうすると、

「1番左のボタンを押してください」

「〇〇と書いてある部分を押してください」

と手取り足取り教えてくれるの🥺

「そんな言葉ないよ〜」

と入れたら、

「では〇〇や〇〇という表現で
表示されていませんか？」

と言い換えてくれるから、
パソコン音痴のわたしでも必ず見つけられました。

そんな中、ちょっと不安が…

いわれるがまま作業しているけど
登録が終わったら莫大な金額請求されたりとか。。。

ないよね？と😂

そして再び

『ところでこのサイト、なんのサイトなの？』
『無料だよね？』

と聞くわけなんです（笑）

コールセンターの方に質問していたら

「は？さっき言いましたよね？」

と怒られそうな質問ですよね(笑)

でもくろちゃんは、

「作ったHTMLファイルを

インターネットに公開するサービスですよ」

と、嫌な顔ひとつせず

（AIだから当たり前ですが笑）

教えてくれました。

…神か🥺

そんなこんなで、サンプルがついにネットに公開！

／

へぇぇ、こんな風に見えるんだ！

マジでホームページじゃん！

＼

と自分でびっくりしました😳😳😳

ここでくろちゃん無料版の

限界が来てしまったのですが…

もう作り上げたい気持ちが

強くなりすぎていて即課金（笑）

ChatGPTなら

「いっぱいになったらまた明日」って
思えるのにこれは無理でしたね😂

ホームページを作っているときは

AIとの会話量も多くなるので
１か月だけ課金するのもおすすめです♪

（20ドル3600円でした

ホームページ外注に〇万かかると思えば

安いものです♡）

ちなみにホームページを公開した後の修正も
くろちゃんにお願いするのですが、

写真をこれに変えて、

とか

今月のスケジュールこれで

とか入れるだけで、

秒でカレンダー表記にしてくれるようなので
そんなに会話量はないのかなと思います♡

ここはまた来月無料版でいけるのか

検証しますね！

----------

ここからは細かい修正をしました。
パソコン音痴の私は入れたい写真をどんどん
くろちゃんに送りつけます（笑）

くろちゃんは写真の奥にある情報を読み取って
HTMLに書き換えてくれてるようで

今後こういう方向性でやりたい、
今あるレッスンはこれで、
これは通年募集で、これは単発で…

と説明したら、

「なるほど、ではこのようにまとめましょう！」

と秒で整えてくれました♡

ある程度できたところで
インスタのストーリーで

「ホームページできたよ」と流したのですが♡

「書いてある言葉が刺さる！めちゃ素敵！」

とDMをいただいたんですが…

実はその言葉、
全部くろちゃんが考えたもの

だったんですよね（笑）

なんていうか、

私以上に私のことをわかってくれてるっていうか。

「この写真とこの写真どっちがいいと思う？」

と聞いても、

「断然こっちです！理由は…」

と説明してくれるから、もう…

はい♡ 一生ついていきます。

って感じでした(笑)

AI依存症にならないように
うまいこと付き合っていかないとですね🤭

そんなこんなで
写真や文章を整える作業が続きます♪
続きはまた次回！

次回は

☑実際にやってみて簡単だったこと

☑作る前にやっておいた方がいいこと

☑大変だったこと

などを書いてみたいと思います☺️

(たぶんみんなが知りたいのはここかな💓)

お楽しみに♪