AIでホームページを作る方法。最初の1日にやることだけ書きます

/

最初の1日

本記事にはプロモーション(広告)を含みます。

困っている読者

こんなことで困っていませんか?

  • AIでホームページを作りたいけど、何から始めればいいか分からない
  • 最初の1日で、どこまでできるのか知りたい
  • 始める前に決めておくことを知りたい

この記事でやること

今日1日で、ホームページの形が画面に出るところまで行きます。

私は実際にこの順番でやって、1週間で人に見せられる状態にしました。 その1日目の部分だけを、そのまま書きます。

所要時間は2〜3時間です。半日あれば足ります。

やることは5つだけ

1. 何のサイトかを1行で決める      30分
2. 真似したいサイトを3つ集める    30分
3. ホームページを置く場所を契約   30分
4. ホームページの住所を決める     15分
5. AIに頼んで、形を出す           1時間

順番に書きます。

1. 何のサイトかを1行で決める(30分)

ここが一番大事です。 そして、ここだけは自分で決めるしかありません。

1行で言える形にしてください。

  • ❌「役に立つ情報サイト」
  • ⭕「○○で××を探している人が、条件で絞り込めるサイト」

誰が、何を探しに来るのか。 これが決まっていないと、このあと全部が止まります。

私はここに一番時間をかけました。めちゃくちゃ考えました。 Claude Code に相談しながら、ラッコキーワードという道具で「みんなが実際に検索している言葉」を調べ、 同じ分野で上に出てくるサイトも見て回りました。そこは正解でした。

→ 何のサイトを作るかの決め方

決まらないときは

自分が探したのに見つからなかったものを思い出してください。 私はそれで決めました。自分が困ったということは、他にも困っている人がいます。

2. 真似したいサイトを3つ集める(30分)

これをやるかやらないかで、このあとの速さがまるで違います。

自分が「見やすい」と思うサイトを3つ探して、ブックマークしてください。 ジャンルは関係ありません。見た目が好きなら何でもいいです。

ついでに、気に入った部分の写真も撮っておきます。 サイト全体ではなく、その部分だけを切り取ってください。

  • このボタンの形
  • この一覧の並び方
  • この余白の取り方

あとでAIに見せます。言葉で説明するより、これが圧倒的に速いです。

→ AIへの頼み方はこちら

3. ホームページを置く場所を契約する(30分)

ここで初めてお金を使います。

選ぶときに見るのは4つだけです。速さや細かい性能は見なくて大丈夫でした。

  • ブラウザの画面だけで全部できるか
  • 自動でバックアップされるか(壊したとき戻せるか)
  • 安全対策が最初から入っているか
  • 1つの契約でサイトを2つ以上持てるか

理由はこちらに書きました。

→ サーバーを選ぶときに見るのは4つだけ

契約したサーバーでは、そのサイト用のメールアドレスも作れます。お問い合わせの連絡先に、普段のアドレスを載せずに済みます。

→ 連絡先に普段のメールアドレスを載せないでください

費用は1年払いで月1,100円、初期費用0円でした。 まず試すだけなら、3ヶ月ぶん3,960円から始められます。

ここで順番を間違えないでください

住所(ドメイン)より先に、置く場所(サーバー)を契約してください。

契約すると、住所が無料でついてくることがあります。私の場合は1つ無料でした。 先に住所を別で取ってしまうと、その無料の枠を使えません。

何個無料になるかは契約の条件で変わるので、契約前に公式サイトで確認してください。

4. ホームページの住所を決める(15分)

契約した場所の画面から、そのまま取れます。

決めるときに考えるのは3つだけです。

  1. 声に出して言えるか
  2. 打ち間違えにくいか(ハイフンは1つまで)
  3. 何のサイトか想像がつくか

15分以上悩まないでください。 3日悩んでも結果は変わりませんでした。

→ 住所の決め方をもう少し詳しく

5. AIに頼んで、形を出す(1時間)

ここからが本番です。とはいえ、やることは単純です。

2で集めたリンクと写真を見せて、1で決めた1行を伝えるだけです。

こういうサイトを作りたいです。
→(1で決めた1行)

見た目はこのサイトを参考にしてください。
→(リンク3つ)

とくにこの部分です。
→(写真)

これで形が出てきます。1日目はここまでで十分です。

出てきたものを見て「違う」と思うはずです。それが正常です。 そこから直していく作業が、このあと1週間続きます。

1日目にやらなくていいこと

調べたくなりますが、今日はやらなくていいことです。

  • デザインを買うかどうか — まず無料のもので形を見てから決める
  • 表示速度の対策
  • アクセス数を見る道具の設定
  • 検索で上位に出すための設定

全部あとで足せます。今日は「形が出る」ところまでで十分です。

1日の終わりにできているもの

  • 何のサイトかが1行で言える
  • 真似したいサイトが3つ手元にある
  • 置く場所と住所がある
  • 画面に、自分のサイトの形が出ている

ここまで来れば、あとは直していくだけです。

私はここから1週間で、人に見せられる状態になりました。

→ 1週間で2つ作った話

まとめ

  • 1日目にやることは5つ。2〜3時間で終わります
  • 一番大事なのは「何のサイトか」を1行で決めること
  • 真似したいサイトを3つ集めておく(これが効きます)
  • 住所より先に、置く場所を契約する
  • 今日は「形が出る」ところまででいい
ホームページを置く場所を見てみる※ 公式サイトへ移動します。料金・プランは公式でご確認ください

契約するときは、バックアップの説明だけ先に読んでおいてください。 壊したときに戻せるかどうかが、このあと一番効いてきます。