2026年4月7日火曜日

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

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

 𓏸𓈒𓂃𓂃𓂃𓂃



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


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

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



この記事では
『AIと一緒に教室ホームページを作った話②』
ということで


パソコン音痴の私が!

知識ゼロの状態から!


AIと一緒にホームページを作ったこと、
大変だったことや、
やらかしたことなどについてお話します♪


教室ホームページを作りたい方の
参考になればうれしいです♡


𓏸𓈒𓂃𓂃𓂃𓂃


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




 

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

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







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



何これ、すごっ。😳

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



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


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


と聞いてみたら、

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

って!!
AIすごくない?…!!!




以前別の講座で

SEO対策としては
『インターネット上に
たくさんの情報をのせておくことが大事』



場所や、教室案内などは何回書いてもいい
AIはインターネット上に情報が多いものを
大事な情報として認識する



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




私の好きな雰囲気を一瞬で理解してくれたのも
たぶんいろいろなところから
情報を読み取っているのだと思います☺️




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

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

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





なんと無料で公開できる方法がある
と教えてくれました。

しかも
「lattenowa-cookie」のスペル入りで!😳





というわけでまずは
ホームページを無料で公開するためのサービス
への登録から始まりました♪




サンプルはスマホのクロードchat画面
から見ていたので、
これをパソコンにダウンロードする方法
も全部丁寧に教えてくれました。




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



基本的にパソコンを開かない生活をしているので
文字を打つのが遅い遅い(笑)

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



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


これはどういう意味?

どこを押す?


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



そうすると、

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

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

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



「そんな言葉ないよ〜」
と入れたら、


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


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






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


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


ないよね?と😂



そして再び


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

と聞くわけなんです(笑)



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

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

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



でもくろちゃんは、

「作ったHTMLファイルを
インターネットに公開するサービスですよ」

と、嫌な顔ひとつせず
(AIだから当たり前ですが笑)
教えてくれました。



…神か🥺



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


へぇぇ、こんな風に見えるんだ!
マジでホームページじゃん!


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








ここでくろちゃん無料版の
限界が来てしまったのですが…

もう作り上げたい気持ちが
強くなりすぎていて即課金(笑)


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



ホームページを作っているときは
AIとの会話量も多くなるので
1か月だけ課金するのもおすすめです♪

(20ドル3600円でした
ホームページ外注に〇万かかると思えば
安いものです♡)



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


写真をこれに変えて、

とか

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

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


ここはまた来月無料版でいけるのか
検証しますね!


----------


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


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


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

と説明したら、


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


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





ある程度できたところで
インスタのストーリーで
「ホームページできたよ」と流したのですが♡



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

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




実はその言葉、
全部くろちゃんが考えたもの
だったんですよね(笑)



なんていうか、

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




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

と聞いても、

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

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



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


って感じでした(笑)



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



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




次回は

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

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

☑大変だったこと

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


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



お楽しみに♪





パソコン音痴の私がAIと一緒に教室ホームページを作った話①〜くろちゃんとの出会い編〜

教室を始めて、今年で5年が経ちました。
少しずつレッスンメニューを整えて、
生徒さんにも恵まれて。
それなりに形になってきたと思っていたのですが、
実はずっと気になっていることがありました🥺


𓏸𓈒𓂃𓂃𓂃𓂃


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


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

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



この記事では
『AIと一緒に教室ホームページを作った話①』
ということで


パソコン音痴の私が!

知識ゼロの状態から!

AIと一緒にホームページを作ったこと、
大変だったことや、
やらかしたことなどについてお話します♪


教室ホームページを作りたい方の
参考になればうれしいです♡


𓏸𓈒𓂃𓂃𓂃𓂃


ホームページが欲しい。



それはここ数年、
わたしの中でひそかに抱いていた気持ちでした。



ブログで告知はしているけれど、正直見にくい。

どんなレッスンがあるのか、どんな教室なのか、
パッとわかるページが欲しい。


ずっと前からおもっていた事でした🥺




(※↑現在の最新のレッスン日程ブログ)




そんな中、周りの教室を見ると、
みんな素敵なホームページを持っている…


外注したのかな、いくらかかったんだろう。
調べてみると結構高そう…。


知り合いに頼める人もいないし、
そんな余裕もない。


でもなんとかしたい。
でもお金がない。
でも欲しい。


でも…でも…でも…
無限ループで落ち込む日々でした(笑)




そんなある日、所属している講座の先生から

「クロードというAIがすごい!」

という話を聞きました。



なんとその先生!

会社のホームページを5時間で作った

というのです😳



講座で話を聞きながらも

『でもそれは先生だからでしょ。
私には無理に決まってる』



とどこか上の空で聞いていたのですが…




なんと同じ講座生さんがその日のうちに

「こんなの作りました!」

とグループLINEに送ってきたのです。




それがもうほんとに
企業の広告で流れてくるようなもので!😳




えっ、普通の人でもできるの?
これはもしかして、私にもできるのでは…?



早速クロードをダウンロードしてみました。








まず聞いてみたのはこんなこと。


「ホームページが欲しいんだけど…
ペライチとかCanvaで作るLPと何が違うの?
あなたは私のブログのURLって読み込めるの?」


↑あなたはだあれ?
トトロと会話するめいちゃんのようでした(笑)



試しに自分のブログを貼り付けてみたら…
ものの数秒で


「らてのわクッキーの足立ひろこさんですね。
拝見しました。確かにブログだと
レッスン情報がわかりにくいですね。
こんな改善ができますよ。」



😳😳😳😳



そうそう!そうなんだよ!!!

今まで誰にも言語化できなかった


「なんか見にくい」


これを、すぐに言葉にしてくれた。


しかも改善案まで🥺



「それ…作れるの?」と聞いてみたら、
「できますよ」と
またまた秒でサンプルが登場。









な·ん·じゃ·こ·りゃ…😳😳😳




そこからはもう夢中でした(笑)



📢レッスン案内をタップすると
ブログに繋がるようにして!

📢レッスンスケジュールをカレンダー形式にして!

📢写真はこれを使って!

📢色はこんな感じで!



もうね、千本ノック状態で
あれこれ指示しまくりました(笑)





全部理解してくれる。

全部形にしてくれる。


気づいたら完全に虜になっていました♡



こうして、クロードのくろちゃんとの
ホームページ作りが始まりました♪




続きはまた次回!





実はこのブログも
くろちゃんに書いてもらいました(笑)


くろちゃんは過去のやり取りは覚えていないので
書きたいことを箇条書きにして

これで文章作って!ってすると、
らてのわっぽい雰囲気で書いてくれます♡








事前にいくつかブログを送ったりしてたので
すぐに理解してくれたのだと思います♡





次回のブログでは

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


を書いてみます♪

お楽しみに!