自分のホームページを作りたいAI初心者は必見！想像以上に簡単に作れちゃうAIツールをご紹介します。

今日は、そんなAI初心者の方に向けて

・AIを使ったホームページの作り方
・おすすめのAIツール

をご紹介していきます。

今回、実際に作ったホームページはこちらです👇
（※ 画像をタップで、実際に見れます。）

今日は、
実際の操作画面をお見せしながら

こちらのホームページの作り方を解説していきます。

Readdyのテンプレート機能が神でした。

Readdyは、
プロ品質のホームページを数分で制作できるAIツールです。

このような無料ツールも使えます👇

この配色ツールとか、かなり使えそう。

カラーから決めると、
作りたいホームページのイメージが湧きやすいです◎

まずは、Readdyを使って、

AI初心者の方でも簡単に作れる
ホームページ作成方法をご紹介していきます。

Readdyは、無料で
使うことができるのですが


ホームページを公開するには、課金が必要になります。

Readdyを開くと、以下の画面になります👇

Readdyには、
ホームページのテンプレートが用意されています。

この「テンプレートから作成」が
一番簡単なので、実際に試してみました。


今回は、こちらのテンプレートを使用しました👇

テンプレートを選んだら、
以下のような編集画面になります。

どんなサイトにしたいのか、
会話しながら答えていくだけでOKです。


少し待っていたら、
こんな感じで出来上がりました👇

今回は、「CAFE K&C」という
架空のカフェのホームページを作ってみました。

Readdyのテンプレート機能は、
初心者の方には、特におすすめです。

ホームページを作るときに必要なこと

次は、一から
オリジナルのホームページを作る方法を解説していきます。

ホームページを作る上で、
一番大切なのが「要件定義」です。


いわゆる、設計の部分になります。

この内容をまとめたものを「要件定義書」といいます。


サイトやツールを制作する際には、必ず必要な手順になります。

ChatGPTやClaudeなどで
自分が作りたいイメージを壁打ちして、

要件定義書を完成させてから、次に進んでください。

noteメンバーシップのLPを作ってみた

今回は、私のメンバーシップ
「しろのある｜リアルタイム配信」を紹介するLPを作ってみました。

要件定義書＋使用したい素材（画像や動画）を、Readdyのチャットに送ります。

少し待ったら、LPの土台が完成しました。

文字の改行や、素材の配置などをチェックしていきます。

そして、
Readdyを使う一番のメリットなのですが…


「直したい部分を選択して、直接修正できる」ところなんです。


このように、
文字を打ち込むことができます👇

そして、アニメーションをつけたり。

CodexやClaude Codeを使えば、
ホームページを作ることはできます。

ただ、実際に「修正」に時間がかかるんですよね。

最後に、
スマートフォン表示を確認していきます。

確認が完了したら、
右上にある「公開」をクリックます。

↓

ドメイン（URL）を決めます。

これで、ホームページの公開が完了しました。

完成したLPがこちら

noteメンバーシップのLPが完成しました👇

実際に見たい方はこちらから👇

さいごに

「こんな簡単にホームページが作れる時代になったのか…」と、本当にびっくりしました。

Readdyの料金プランや、
年間プランの特典はこちらにまとめました👇

今回、すべてのプランで使える
20％OFFクーポンをいただいたので、


気になる方は、ぜひ使ってみてください^ ^

この記事が、ホームページを作ってみるきっかけになれたら、嬉しく思います。


最後まで読んでくださり、
本当にありがとうございました。


ぜひ、スキしていただけると
これからのnote活動の励みになります^ ^