2026/05/07
ホームページの作り方
ソフトの用意
このサイトは HTML で作られています。
シンプルなサイトを作りたい人の参考になると思います。
HTML は文字が書ければ何でもOKです。
例：メモ帳、Word など
個人的には VSC(Visual Studio Code) がオススメです。
かきかき
HTML は難しいことをしなければ簡単な言語です。
正直、ググった方が早いです。
テンプレートをコピペして、
body の中に書きたいことを書くだけで、
このサイトみたいなページは作れます。
htmlでは動きを作るのは出来ない？と認識しています。
htmlとは別のcssという言語を使って動きを作るようです。
このサイトはテキストの色を変えたりするのにcssを使ってます。
あとjavaScriptでも動きが作れるというか、なんでも出来ます。
あと明らかに初心者が書いたコードだとばれないようにする方法があります。
それは...
AIに綺麗にしてもらうです！
AIをなめちゃいけませんよぉーー！！
普通にコードをCtrl + Aしてコピー
⇓
AIにコピペで入力
⇓
これだけでいっちょ前なコードになります。
一つ注意があるとすれば、AIによっては
内容(<p></p>の中身)を書き換える可能性があるので注意です。
公開する
このサイトの運営費は 無料 です。(ドメイン代金は別..)
GitHub と連携して簡単に公開できます。Netlify
というサービスを使えば、
打消し線の内容は以前の話。
Cloudflareという神サービスが無料で使えることが発覚。
こいつは基本Netlifyの上位互換すぎるサービスで、
いろいろ無料はもちろんアクセス速度が早くて、
セキュリティ関連も企業努力で安心できるとにかくすごいサービスです！
いろいろ調べればわかるので、詳しくは話しませんがとにかく
ネット上に自作サイトを誰でも見れるようにしたいなら
このサービスをおすすめします。
ドメイン登録もTLD(.comや.net)によっては年10＄で使えるものが
あるのでさらにおすすめです！
ちなみにこのサイトはCloudflareに一生預けておこうと思ってます。
まじで最高！ではノシっ