{{@page: title :@}}

ウェブページ制作は、ウェブブラウザがインストールされているコンピュータがあればすぐに始められます。普段ウェブページを見るために使っているブラウザを、今度は自分で作成したウェブページを確認するためのツールとして利用できるのです！

ブラウザ

代表的なブラウザには、次のようなものがあります：

• Google Chrome
• Microsoft Edge
• Firefox
• Safari

すでにこれらのブラウザのどれかを使っているでしょう。また、BraveやArcなど他のブラウザを試してみても構いません。自分に合ったブラウザを選びましょう。

コードエディター

ウェブページを作成するには、ファイルを編集するためのテキストエディターが必要です。

シンプルなウェブページであれば、Windowsのメモ帳やMacのテキストエディットでも十分です。しかし、少しでもコーディングをするなら、コードを色分けして見やすくしてくれる専用のコードエディターを使うと、作業がはかどります。

おすすめのコードエディターは以下の通りです：

• VSCode （無料） https://code.visualstudio.com
• Sublime Text （有料） https://www.sublimetext.com
• Nova （有料 / Mac専用） https://nova.app
• Zed （無料 / Mac専用） https://zed.dev
• Vim （無料 / 上級者向け） https://www.vim.org

初めてコードエディターを使う場合は、まずVSCodeを試してみましょう。画面のシンプルさを重視するなら、Sublime Textもおすすめです。有料ですが、機能制限はなく、たまに購入を促すメッセージが出るだけです。

これでコーディングの準備が整いました！🎉

エディターを開き、Webpages Are for EveryoneからThe Shape of HTMLをコピーして、適当なファイル名（例：index.html）で保存してください。

ウェブページの確認

HTMLファイルを作成しても、どのように表示するか分からない方も多いと思います。自分で作ったウェブページを確認する方法は、とても簡単です。

ファイルを選んで、ブラウザにドラッグ＆ドロップしてください。

ウェブページの編集

コードエディターで修正を加えて保存しても、ブラウザに自動的に反映されないため、修正後にブラウザでリロードして変更内容を確認しましょう。

すでにドラッグ＆ドロップで表示している場合は、リロードすれば最新の変更が反映されます。

ウェブページの完成

修正を繰り返しながらページを完成させていきましょう。

これでウェブページを作成する準備が整いました。Webpages Are for Everyoneで説明されている基礎知識だけでも、十分にウェブページを作成できますので、ぜひ今日から挑戦してみてください！