そもそもWebサイトを公開するとは
「Webサイトを公開する」とは、HTMLや画像などのファイルを、インターネットに常時つながった「サーバー」に置き、ドメインで誰でもアクセスできる状態にすることです。自宅のPCで開けるだけでは「公開」ではありません。
必要なものは、コンテンツ（HTMLファイル）・サーバー・ドメイン・SSL証明書の4つです。無料サービスだけで試す方法もあれば、独自ドメインやレンタルサーバーに費用をかける方法もあります。最初は無料公開で流れをつかみ、必要になったらドメインを追加する進め方が安全です。
公開までの流れ
無料で始められる方法
サーバーを自分で借りなくても、GitHubにコードを置いてホームページを公開できる方法があります。GitHub Pages・Cloudflare Pages・Netlify・Vercelは、HTMLとCSSだけのサイトを試す入口として使いやすいサービスです。無料枠や利用条件は変わるため、公開前に公式ページで確認しましょう。「自分のドメインを設定したい」場合も、これらのサービスで紐付けできることがあります。
中高生におすすめのスタート手順
まず最初は「GitHub PagesでHTMLを公開する」のが最短ルートです。GitHubアカウントを作り、リポジトリにindex.htmlを上げ、Settingsで「Pages」をONにする。たったこれだけで、世界中からアクセスできるWebサイトが完成します。
次のステップでは、ドメインを取得してGitHub Pagesに紐付けると、URLが「username.github.io」から「yourname.dev」のように自分のドメインに変わります。最後にSSL（後の記事で詳述）を有効にすれば、本格的なWebサイトとしての見栄えが整います。
公開前チェック
公開ボタンを押す前に、個人情報、画像の権利、スマホ表示、リンク切れを確認します。自己紹介ページなら、学校名や最寄り駅、制服が分かる写真は載せない方が安全です。画像は自分で撮ったもの、利用許可があるもの、ライセンスが明記されたものを使います。スマホで見たときに文字がはみ出していないか、メニューが押せるかも確認しましょう。家族や友人に見てもらうと、自分では気づかないミスを見つけやすくなります。
気をつけたい落とし穴
- 個人情報・本名・住所・学校名を載せない。ネットいじめ・つきまといのリスクがある
- 他人の画像・動画を勝手に使わない。著作権侵害で削除依頼や賠償請求が来る
- パスワードや管理画面のURLはHTMLに書かない。ソースを見ればバレる
将来どう役立つ？
自分のWebサイトを持っていると、学習で作った作品をまとめて見せられます。ポートフォリオサイトに、作ったもの、使った技術、工夫した点、次に直したい点を書いておくと、受験・就活・SNS発信の場面で説明しやすくなります。「コードを書いた」だけでなく「公開して見てもらえる形にした」経験は、実践力の証明になります。
今日からできること
- VS Codeかメモ帳でindex.htmlを書き、自己紹介ページを作る
- GitHubアカウントを作り、リポジトリにアップロードする
- SettingsでGitHub Pagesを有効にし、公開URLを家族に送ってみる